CSS overides do not working

Hello,

I added a following codes into override.css and override.less, css override is enabled in advance settings, also I added suffixes( attached image) for a front page, but i cant see them in "view page source".

.noMainbody #gkMainbody { display: none !important; }
.nogkFooter #gkFooter { display: none !important; }
.nogkPageContent #gkPageContent { display: none !important; }

please help!

Hi,

but i cant see them in "view page source"

because you have to check content of override.css file

if you have only this small amount of css code, just use custom css field in template settings

css.jpg

it will also works, if your CSS code is okey.

Hi Oscar! I was also using that css override field, but nothing... I was following the steps found in Forum and gavick website... I'm trying to remove main body/component and footer positions from FrontPage.

any ideas where I did a mistake?

From my experience I always use Firebug tool to check online before adding.

If you can show me URL maybe I will discover a reason, because your code looks okey.

Sure, here is my url:
demo.macawlab.com/dukes

Now I saw issue,
for example please use:

.noMainbody #gkPageContent {
display: none;
}

Why? Because gkPageContent is higher layer than gkMainbody and included all paddings which in real life shown white bg.

works well, thanks Oscar!

Hi again Oscar!
I still have a Page Content, I did everything like you instructed, but couldnt be able to hide it from Home page...

Ones you said it works, another post not. Decide ;/ ?

Maybe if you not need article content - use blank component instead all those CSS with you have only problems.