Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
s3rjoe

Marquee: How can I change the footer text color?

Question

Hi there!

I am trying to change the text and heading color in the footer area.How can I do this without changing the text colors of the entire website?

Any help is greatly appreciated!Thanks!

Regards,Serga

Edited by sabri

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

I use Marquee, and just now took a quick look at the page source (ctrl-U from the Chrome browser). The entire footer is wrapped in a div having the ID "footer". Thus, I am able to change my footer text color from white to yellow by adding the following CSS in the custom CSS editor:


#footer p {color: yellow;}

Try the above. It should work for regular text in the footer.

If you have RSS feed links in your footer, you should be able to color them using:


#footer a.social-rss {color: yellow;}






Edited by JonathanGennick

Share this post


Link to post
  • 0

footer p {color: yellow;} works fine, though it only changes the normal text, not the links and not the heading.

What do I have to change in the CSS to do that?

Thanks a lot for your help!

Share this post


Link to post
  • 0

I don't have time now to create a test page and be sure, but I can make a couple of likely suggestions. Headers are going to be wrapped in HTML tags like h1, h2, and so forth. If you do a View->Source on your web page and search in that for your footer text that is formatted as a heading, you should see those tags. Thus, you can colorize the text using:


#footer h1 {color: blue;}
#footer h2 {color: yellow;}
etc.

Similarly for links: they will likely be enclosed in the HTML A tag. Try the following:


#footer a {color: green};

Also, I went back and edited my original response to show the number sign that you need in front of the word "footer" in the CSS above. This forum software apparently uses the number sign as some sort of formatting character, and it had been silently lost from what I had originally posted. I reformatted my original post to show that character.

Edit: Post back and let me know if for some reason the above lines of CSS do not give the results you're after.

Edited by JonathanGennick

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...