gkContent , gkRight width with suffix

Premium, Furniture Joomla Design Shop Template with K2Store support
GK User
Fri May 24, 2013 1:49 pm
Hello
How to change width of gkContent , gkRight in page with "suffix override". I want to change only width of some pages. Thank you
User avatar
Senior Boarder

GK User
Fri May 24, 2013 2:09 pm
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.
User avatar
Gold Boarder

GK User
Fri May 24, 2013 3:59 pm
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
User avatar
Senior Boarder

GK User
Fri May 24, 2013 4:09 pm
Just add !important rule to your css code and it will work.
Code: Select all
.smallright #gkRight {
width:22% !important;
}
User avatar
Gold Boarder

GK User
Fri May 24, 2013 4:59 pm
Small but !important thing :laugh:
Thank you
User avatar
Senior Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.