Header2 Width %

GK User
Tue Jul 24, 2012 3:30 pm
I would like to expand the width of (header2) Music City from 30% to 34%. What would the code be to include in the override.css

#gkHeaderModule2
User avatar
Expert Boarder

GK User
Tue Jul 24, 2012 3:33 pm
mooreg42 wrote:I would like to expand the width of (header2) Music City from 30% to 34%. What would the code be to include in the override.css

#gkHeaderModule2


or where do I decrease the width of the padding between Header1 and Header2
User avatar
Expert Boarder

GK User
Tue Jul 24, 2012 4:11 pm
Following makes up 100% width of template width. You can use it in override.css just make sure to enable it in template settings > advanced settings > css override "on".

Code: Select all
#gkHeaderModule1 { width:66%!important; }
#gkHeaderModule2 { width:34%!important; }


There is no padding in between modules. You can use 65% and 34% then you will get 1% empty space in between.

See you around...
User avatar
Platinum Boarder

GK User
Tue Jul 24, 2012 4:51 pm
Thanks for the prompt reply. I added the code in the override.css. But the sizing did not change. I do see space in between header1 and header2 maybe I made a mistake in calling it padding, but I would like to remove the space:

Please take a look at the attached graphic.

Here is the link to the site: http://www.secbattles.com

normanUK wrote:Following makes up 100% width of template width. You can use it in override.css just make sure to enable it in template settings > advanced settings > css override "on".

Code: Select all
#gkHeaderModule1 { width:66%!important; }
#gkHeaderModule2 { width:34%!important; }


There is no padding in between modules. You can use 65% and 34% then you will get 1% empty space in between.

See you around...
User avatar
Expert Boarder

GK User
Tue Jul 24, 2012 4:57 pm
Norman,

Thanks I was able to fix with your code [important] was spelled incorrectly. Minor typo, your help is greatly appreciated.

Thanks again

normanUK wrote:Following makes up 100% width of template width. You can use it in override.css just make sure to enable it in template settings > advanced settings > css override "on".

Code: Select all
#gkHeaderModule1 { width:66%!important; }
#gkHeaderModule2 { width:34%!important; }


There is no padding in between modules. You can use 65% and 34% then you will get 1% empty space in between.

See you around...
User avatar
Expert Boarder

GK User
Tue Jul 24, 2012 5:01 pm
No problem at all, typos fixed ;)

See you around...
User avatar
Platinum Boarder


cron