Our site www.viart.com site is operated by latest Viart Shop 5 with default Clear design
Topic Information
glennt
glennt
In Viart 3.6 In the Custom Page settings I could specify the column width for each column, it was very easy and flexible. I have been looking through the very thin manual for version4 and looking in the custom page settings and do no see how to do this, could someone out there give me a hint?
 
herb200mph
herb200mph
I have asked tech support directly for an answer to the Version 4.0 column width issue; or better yet, WHERE do the settings reside for the individual page layouts.
 
ches
ches
Its simple. Open column settings > In Frame Style
add a line
width: 20%
or
width: 200px
 
Don`t forget to save your settings!
 
glennt
glennt
Thanks for the reply, I got the info ches offered from tech support however it is not working on my test site. I am now a waiting for the Viart tech support to get back to me. I will follow up with the info once I get this working unless someone else has another idea.
 
G
 
Webbia
Webbia
I have seen the width been determined in some of the css-files, which has surprised me. I beleive that this makes us unable to set the width in the admin panel. Why take away an opportunity to set the width of the columns?
 
glennt
glennt
Webbia, that is very interesting. I have been back and forth with Viart a few times now and they have not mentioned that at all. I have one site where I can change the width of the full column page but not the three column page which I use a lot.
 
Webbia
Webbia
Here is an example of css-code copied from the template Default_white.css:
 
/*** Frame set ***/
.frameBlocks {margin: auto; padding: 0 20px 20px 20px; text-align: left;}
.headerStyle {position: relative; z-index: 100;}
.contentStyle {height: 1%; overflow: hidden; position: relative; z-index: 1;}
.footerStyle {clear: both;}
 
/* Four frames */
.fourFrames .rightStyle {float: right; margin: 10px 0; position: relative; width: 19%;}
.fourFrames .contentLeftStyle {float: left; position: relative; width: 80%;}
.fourFrames .hotStyle {margin: 10px 0 0 0; position: relative;}
.fourFrames .leftStyle {float: left; margin: 0 0 10px 0; position: relative; width: 25%;}
.fourFrames .centerStyle {float: right; margin: 0 0 10px 0; position: relative; width: 74%;}
 
/* Three frames */
.threeFrames .leftStyle {float: left; margin: 10px 0; position: relative; width: 19%;}
.threeFrames .rightStyle {float: right; margin: 10px 0; position: relative; width: 19%;}
.threeFrames .centerStyle {margin: 10px auto; position: relative; width: 59%;}
 
/* Two frames */
.twoFrames .leftStyle {float: left; margin: 10px 0; position: relative; width: 29%;}
.twoFrames .centerStyle {float: right; margin: 10px 0; position: relative; width: 70%;}
 
/* One frames */
.oneFrame .centerStyle {margin: 10px 0; position: relative; width: 100%;}
/*** Frame set ***/
 
8thSinCoffee
8thSinCoffee
Neither of the above methods is working for me. Has anyone gotten this to work? I'm using the fashion.css if that makes a difference.
 
ScottNL
ScottNL
I do not have any problem.
 
have you tried to add
 
display:block;
 
to for example.
.fourFrames .rightStyle {
float: right;
margin: 10px 0;
position:
relative;
width: 19%;
display:block;
}