Archived

This topic is now archived and is closed to further replies.

  • 0

Footer Area Transparent - And No Idea How To Change It


Question

Posted · Report post

Hi all!

On my current project www.rinteln-aktuell.de the footer area suddenly became transparent (or I switched it on and now I´m too blind to find it) and there´s now way to set that back. The site is password-protected for now, so if one of the moderators would like to help, I will PM him the user and pass data.

Please help,

Thanks,

Igor

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

@Igor... if you use a background "image" the footer will become transparent by default... you would need to add custom css to assign a color to the footer... go to site options and custom css and enter the following:

#site #footer {

background-color: black;

}

Change black to whatever color you want...

Hope that helps... :)

Share this post


Link to post
Share on other sites

Posted · Report post

Hi. Thank you, it really helped! Great! Just one more thing. I added a nice content shadow by clicking the checkbox in the options. Now the footer matches the site design but the shadow isn´t applied to the footer. That looks a little weird. Is there any CSS to fix that, too?

Thanks a lot,

Igor

Share this post


Link to post
Share on other sites

Posted · Report post

Have you tried various browsers like Chrome and Firefox to see the results of the shadow?... is this for IE?

Share this post


Link to post
Share on other sites

Posted · Report post

I tried it on the latest Chrome, Firefox and Safari (all on Mac). It´s all the same. No shadows on the Footer

Share this post


Link to post
Share on other sites

Posted · Report post

I have heard of that with IE... not sure.. i guess wait for one of the pagelines folks to reply on that one... sorry i couldn't help

Share this post


Link to post
Share on other sites

Posted · Report post

@igor What CSS are you using to add shadow?

Share this post


Link to post
Share on other sites

Posted · Report post

@catrina: no CSS, just the checkbox "enable shadows".

Share this post


Link to post
Share on other sites

Posted · Report post

Try adding this custom CSS to Site Options > Custom Code > Custom CSS:

#page #footer {-moz-box-shadow: 10px 10px 5px #888;

-webkit-box-shadow: 10px 10px 5px #888;

box-shadow: 10px 10px 5px #888;}

This is CSS I got from a tutorial, but it can be adjusted as needed.

Share this post


Link to post
Share on other sites