3 of 3
3
     
 
Need help changing color of footer in CSS? 
#31.  Posted: 29th August 2008 02:58 AM
aoimedia - 29 August 2008 02:52 AM
Kelly - 29 August 2008 02:45 AM

Man! Maybe I just don’t understand. Following is the code.

#footer {
color: #fff;
background: #fffe00 url(images/footer_bar.jpg) repeat-x;
width: 100%;
}

The code above is correct, however, I see the following within your styles.css:

##footer {
    color#fff;
    
background#fffe00 url(images/footer_bar.jpg)}
}

Kind regards
John

That is SO strange because I don’t see it and I can’t find that at all. Maybe when it is uploaded to the server it is writing in that extra code????

I give up on this method… I’m going to go back to what you originally suggest John and see if that works.

 Signature 

If everything seems under control, you’re just not going fast enough.
- Mario Andretti

#32.  Posted: 29th August 2008 03:04 AM

I’ve just cleared my browser’s cache and can assure you that the erroneous code is there.
Where exactly have you added the code?

Kind regards
John

 Signature 

••• aoimedia V4 ••• | web design | print design | digital design
freeware icons and desktops
| Follow me on Twitter

[ 3126 ]

#33.  Posted: 29th August 2008 03:10 AM
aoimedia - 29 August 2008 03:04 AM

I’ve just cleared my browser’s cache and can assure you that the erroneous code is there.
Where exactly have you added the code?

Kind regards
John

lol! Okay John, I have abandoned all hope of getting Frank’s method to work tonight and have decided to try your method once again.

As you can see I’m starting to experience some progress but, it is still not working correctly for me. It is cut in half. It is not showing the full depth of the graphic. And the text is flush left and not centered as it should be. Dear lord! lol!

http://www.sportbiketshirts.com/sunshine/index.html

 Signature 

If everything seems under control, you’re just not going fast enough.
- Mario Andretti

#34.  Posted: 29th August 2008 03:31 AM

This will work also… if you clean up the superfluous code in the styles.css.

I am still seeing the following code:

##footer {
    color#fff;
    
background#fffe00 url(images/footer_bar.jpg)}
}

You will need to re-edit the duplicated theme’s styles.css to correct the rendering issue.
When I modify the code at my side to:

#footer {
    color#fff;
    
background#fffe00 url(images/footer_bar.jpg)
    
}

... the footer renders as it should.

Kind regards
John

 Signature 

••• aoimedia V4 ••• | web design | print design | digital design
freeware icons and desktops
| Follow me on Twitter

[ 3126 ]

#35.  Posted: 29th August 2008 04:45 AM
aoimedia - 29 August 2008 03:31 AM

This will work also… if you clean up the superfluous code in the styles.css.

I am still seeing the following code:

##footer {
    color#fff;
    
background#fffe00 url(images/footer_bar.jpg)}
}


You will need to re-edit the duplicated theme’s styles.css to correct the rendering issue.
When I modify the code at my side to:

#footer {
    color#fff;
    
background#fffe00 url(images/footer_bar.jpg)
    
}


… the footer renders as it should.

Kind regards
John

WOW John! I think we have lift off! lol! I must have really destroyed that original CSS code. I’m so sorry. However, is there an easy way to get the beach image that is located at the very bottom of the page to repeat horizontally?

 Signature 

If everything seems under control, you’re just not going fast enough.
- Mario Andretti

3 of 3
3