• 0
Sign in to follow this  
Followers 0

footer background

Question

Posted · Report post

Hi all,

 

I've been revising my site (www.i-english.nl) and I can't seem to get the sticky footer to produce a background color. It seems like a syntaxis problem since when I use this:

 

#footer .content-pad{} the background does appear in the sticky footer. But I don't want the whole footer just the container group. But if I use this

 

#footer .container-group{} the footer is stuck (in the correct width) but I cannot get the background color to appear.

 

Any suggestions?

 

Tamar

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

In order to only style the content area of your footer, you will need to target the content class in the sections you add to your footer. For example:

 

#footer .section-simple_nav .content {
background: #F00;
}

 

http://d.pr/i/AIjg

 

However, in-order for this to work, I had to disable all your custom CSS for your layout, as I your fixed footer and fixed header were getting in the way. Please be aware, that we can only provide limited custom CSS support and we do not provide support for users custom CSS.

If you need CSS support, I recommend you sign up to a CSS specific forums.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

You have a lot of custom CSS, that is causing some strange behaviour this is likely the cause of the issue. Remove all your custom CSS, then we can assist you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you mean remove everything? Or just the part relating to the footer?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Everything, as I am not certain how what is effecting your layout.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

ok! It is done...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is this what you are trying to achieve? http://d.pr/i/JhsD 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello Martin,

 

No not exactly. I was trying to make the footer white but not over the whole length, just the length of the contentpad but I gave up since my css wasn't working due to unknown factors! So now I'm going to try something else.

 

Thanks again!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny,

 

I've been on it all morning. This is the result:  i-english.nl Seems to have worked. I took your advice and edited out all the css one by one, painstakingly seeing what they all were doing, at least half was useless! So much cleaner css.

 

Thanks again..

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0