Archived

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

  • 0

Footer area covered with Background image colors


Question

Posted · Report post

I'm using an image background on my site and the Site Design Mode is set at Fixed-Width Mode. I'm also using a white color for my Content Background. I'm having the following problems: 1)the whole footer area is not getting the white content background color as the other template areas does, and 2) the footer area is completely covered with the background image colors.

 

Any tips and ideas will be very much appreciated.

 

Alex

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

Hi there, change #white to #ffffff

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Alex,


Add the following code to your custom CSS:

 

#site .section-simple_nav .content {
background-color: white;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

 

Thanks for the prompt feedback. It did work with the simple navbar, but I forgot to mention that I was going to switch to the Footer Columns Sidebar. When I did the switch it does have the background colors. Probably it just require a minor code edit.

 

By the way, I'm relatively new to this website and codes world and I'm eager to keep learning, if you know about any good introductory CSS online course, website or blog, please let me know.

 

Thanks,

Alex 

Share this post


Link to post
Share on other sites

Posted · Report post

You're right, for the footer column sidebars, you'll need to use custom CSS to adjust the background color.

 

This is a great introductory course to CSS: http://w3schools.com/css/default.asp (you'll find the CSS attributes you need listed on the left side in categories)

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Catrina for your reply. I will go ahead and take a look at the w3schools website. In the meantime, do you think it is possible to modify the CSS code that Danny had provided for the simple navbar, in order to adapt it to make it work with footer column sidebars?  

Share this post


Link to post
Share on other sites

Posted · Report post

You'll need to use a different selector since you're changing the footer columns. It would be something like this:

#site #sb_footcols {background-color: #YOURCOLOR;}

Share this post


Link to post
Share on other sites

Posted · Report post

I used this code: #site #sb_footcols {background-color: #white;}  

 

I got this error message: 

PageLines Custom LESS/CSS error.

parse error: failed at `background-color: #white;}` line: 969 

Share this post


Link to post
Share on other sites

Posted · Report post

Great, It did work! thank you very much.

Share this post


Link to post
Share on other sites