Fullwidth Footer Area

sertacDiler · April 2015

Hello,

I created boxed style website but i would like to make fullwidth footer area. When i choosing sliding/fixed footer on theme options the footer becoming fullwidth but i just would like to fullwidth without fixed or sliding footer.

How can i do that,

Thank you.

Albert · April 2015

Hi,

please send us url to page where you want do full width footer and we'll see if it is possible in your case.

Thanks!

sertacDiler · April 2015

Thank you for quick response.

You can check my demo page : http://hosting.trendit.com.tr/kozmo/

Albert · April 2015

Ok, but where is the footer on this page? Did you removed it or what? Because we don't see anything except thin line above place where footer should be.

sertacDiler · April 2015

Oh sorry, i just removed it. Now, i revert back. I would like to fill out color or background image footer area ( between thin line and bottom of page and of course fullwidth)

Albert · April 2015

Ok. In this case, it is possible to make footer full width. To do this, please use below css:

#Footer {
    left: 50%;
    margin-left: -100%;
    position: relative;
}
#Wrapper {
    overflow: visible;
}

sertacDiler · April 2015

Thank you so much.

So , can i do like that:

As you can see this image, how can i do that? Thank you

Albert · April 2015

This can be done within css we gave you above. We tested this css on your side and looks exactly as on screenshot above.

sertacDiler · April 2015

is it? Actually i applied this CSS via Custom CSS but there is a space in bottom of page

Albert · April 2015

Yes, this is all you need. We already made a screenshot from your website and as you can see http://pasteboard.co/2BvoGwoO.png it works.

sertacDiler · April 2015

I'm really confused cause it still appears with space from bottom page. Anyway, how can close this space witc CSS? I'll fiddle rules and maybe i'll be done?

Thank you

sertacDiler · April 2015

if i add

#Footer { top: 25px; }

is it fit ?

Albert · April 2015

Yes, it's ok.

sertacDiler · April 2015

Thank you.

Fullwidth Footer Area

Comments