Override css styles - please help

Hi there

I have 2 questions please:

1. I want the homepage to not use the white blocks so I have fiddled with a transparent style to take away the white block. I can't however get the padding of 30 px (in white) to be blue (as the background). Could you please assist with the css for the override file?

2. I have three language options - but the text is not in the centre of the box - could you please assist by telling me how I can move the names of the three languages down?

Please view image attached.

Your help would be appreciated!

Could You please post an url of your website?

Hi Cyberek

Thanks - it is http://www.cabri-sbo.org/devsitefinal/en/

Please edit: /templates/gk_publisher/css/override.css and add at its end:

Code: Select all

#gkContent {background: #006380;}


will remove white color,

Code: Select all

#gkContent {border: 1px solid #999;;}


will replace border color (or use border:none to remove it),

Code: Select all

#gkTopBanner {margin: 6px 0 0 60px;}


will move down language menu (play only with first number to move it up and down)

Remember to enable "CSS override" in template settings - advanced section.

Thank you so much!!

One more thing...
I only want this to happen on the home page so I want a style (transparent) to change the gkcontent to a blue background (only when the style is applied)
(I want the white to be on all the other pages)

But I tried this and does not work...

Code: Select all

#gkContent .box.transparent {background: #006380;}

Is my syntax perhaps wrong?

I'm not quite sure what You would like to achieve... There is a blue background, and You added it in override.css - maybe you could make some image ilustrating what You would like to do.

Hi there

Thanks for taking the time to help me.

If I do what you say - the left main content box becomes blue. That is correct.

But it makes it blue on all the pages. I only want to make it blue on the homepage when I use a module suffix like 'transparent' in the module.

I want it to remain white on all the other pages - but only be blue on the homepage.

I thought the best way would be to create a #gkcontent style for the homepage only.

Please see the attached image - the blue is now on all thew pages - I only want it to be blue when I use the module suffix 'transparent'

Hmm, it might be difficult, because white background is on #gkContent element, and suffixed elements are inside of it, so no css class will help. You could try to remove padding from #gkContent element, and from #gkMainbodyTop and putting it to div.box inside, but I'm not quite sure if that is even possible to do (so layout looks same, but You can control background's color).