Jump to content


Photo
- - - - -

Footer area covered with Background image colors

footer background colors

Best Answer James B , 27 December 2012 - 10:49 PM

Hi there, change #white to #ffffff

Go to the full post


  • Please log in to reply
8 replies to this topic

#1 acasablanca

acasablanca

    Member

  • Members
  • 13 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 27 December 2012 - 12:27 PM

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



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 December 2012 - 12:34 PM

Hi Alex,


Add the following code to your custom CSS:

 

Please Login or Register to see this Hidden Content



#3 acasablanca

acasablanca

    Member

  • Members
  • 13 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 27 December 2012 - 03:05 PM

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 



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 27 December 2012 - 03:09 PM

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)



#5 acasablanca

acasablanca

    Member

  • Members
  • 13 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 27 December 2012 - 06:40 PM

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?  



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 27 December 2012 - 07:53 PM

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



#7 acasablanca

acasablanca

    Member

  • Members
  • 13 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 27 December 2012 - 10:20 PM

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 



#8 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 27 December 2012 - 10:49 PM   Best Answer

Hi there, change #white to #ffffff



#9 acasablanca

acasablanca

    Member

  • Members
  • 13 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 28 December 2012 - 01:29 AM

Great, It did work! thank you very much.







Also tagged with one or more of these keywords: footer, background, colors