gkContent , gkRight width with suffix

Hello
How to change width of gkContent , gkRight in page with "suffix override". I want to change only width of some pages. Thank you

Hi,
please go template settings. Here in 'Features' section you will find 'Suffix for pages' option. Please check id of your page in menu items list and ad suffix for page with particular ID. For example ' mysuffix', then please add to override.css

Code: Select all

.mysuffix #gkContent {
width:70%;
}
.mysuffux #gkRight {
width:30%;
}


and set your own values to fit your needs. Remember to enable override.css option in template settings.

I was doing like you said befor but it dosn't work .
I add suffix smallright
add overide to override.css

Code: Select all

.smallright #gkRight {
width:22%;
}

I even copy Css url from firebug:

Code: Select all

html body.smallright div.bg div#wrapperContent.gkWrap div#wrapperContent2 div#gkMain div#gkMainBlock.gkMain div#gkContent.gkMain

Problem that size is in html section of the site .. ?:

Code: Select all

<div id="gkMainBlock" class="gkMain">
<div id="gkContent" class="gkMain gkCol gkPaddingTBLR" style="width:68%">
<div id="gkRight" class="gkMain gkCol gkPaddingTBLR" style="width:32%">

Thank you
Link to the site if this help : http://factorymarco.ie/windows-system.html

Just add !important rule to your css code and it will work.

Code: Select all

.smallright #gkRight {
width:22% !important;
}


Small but !important thing
Thank you