8 replies to this topic

[acasablanca]

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

[Danny]

Hi Alex,

Add the following code to your custom CSS:

 

Please Login or Register to see this Hidden Content

[acasablanca]

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 

[catrina]

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:

Please Login or Register to see this Hidden Content

(you'll find the CSS attributes you need listed on the left side in categories)

[acasablanca]

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?  

[catrina]

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

Please Login or Register to see this Hidden Content

[acasablanca]

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 

[James B]

Hi there, change #white to #ffffff

[acasablanca]

Great, It did work! thank you very much.