Full width footer in narrow boxed layout

sbengesser · March 2015

Hello, is there any way to get a full width footer (image) for narrow boxed layout?
Many thanks for any suggestions.
Mascha

Albert · March 2015

Hi Mascha,

please send us url to your website and also screenshot with necessary changes of what you mean exactly and we'll see what we can do for you.

sbengesser · March 2015

Ok, first screenshot is how the image fits now in narrow boxed layout: inside the box.
I want it like screenshot 2: boxed layout and full with image footer.

Albert · March 2015

This is quite hard thing to be done and we are not sure if this is possible within css only or maybe theme files must be modified. So please send us url to page where you got this footer image uploaded and we'll see if there is anything what we can do for you.

sbengesser · March 2015

Hello again, here is the URL: http://bioloeffelchen.de
Thanks for the quick answers, its realy a good support!
Mascha

Albert · March 2015

Ok, we see. So you can do something similar within below css:

#Wrapper { overflow: visible; }
#Footer {
    position: relative;
    width: 200%;
    left: -50%;
}

but you must use different image because this one looks weird.

sbengesser · March 2015

Thank you! I will trie it! Really like your theme and the support.
Mascha

Albert · March 2015

You're welcome

sbengesser · March 2015

Hello

I have one problem with the footer now: I need a transparent footer instead of a solid color. I tried to change this via custom css but it seems, that the theme overwrite this. Even !important does not help.
Do you again have a tip for me?

Thats my CSS:

#Footer {
background-color: none !important;
}

Albert · March 2015

To make footer background transparent, please use below css:

#Footer { background-color: transparent; }

sbengesser · March 2015

Thank you so much, you are the best! Mascha

Albert · March 2015

You're welcome

Full width footer in narrow boxed layout

Comments