Problem changing color in Footer

[ArtK]

Hello,

I have been using all of the great tips in this forum to get my site set up. I really appreciate the great information and support.

I have one problem to fix and haven't figured out a way to fix it.

I have my body background set to black. I added some css to set the footer text to white. All the text now shows up as white except for the smugmug icon, the login, and the cart links. How do I get them to display on the pages with black backgrounds?

Thanks for your help!

Art

[gman33]

Hello,

I have been using all of the great tips in this forum to get my site set up. I really appreciate the great information and support.

I have one problem to fix and haven't figured out a way to fix it.

I have my body background set to black. I added some css to set the footer text to white. All the text now shows up as white except for the smugmug icon, the login, and the cart links. How do I get them to display on the pages with black backgrounds?

Thanks for your help!

Art

Hi Art and welcome

I am fairly new as well but I can not see as much of the background coding that some of the gurus can but I think what the issue is that you need to set within your control panel the Theme to default....having a theme I do believe overides all other settings...hopefully this will help but I am sure one of the experts will chime in as well.

Good luck and have fun...it is a blast

[Allen]

Hello,

I have been using all of the great tips in this forum to get my site set up. I really appreciate the great information and support.

I have one problem to fix and haven't figured out a way to fix it.

I have my body background set to black. I added some css to set the footer text to white. All the text now shows up as white except for the smugmug icon, the login, and the cart links. How do I get them to display on the pages with black backgrounds?

Thanks for your help!

Art
Replace this in your CSS

#footer {
color: white;
}

with this

#footer,
#footer a.nav {
color: white;
}

[ArtK]

Replace this in your CSS

#footer {
color: white;
}

with this

#footer,
#footer a.nav {
color: white;
}


The css did the trick!

Thanks for the help and suggestions Allen and Gman33

[mjs]

Replace this in your CSS

#footer {
color: white;
}

with this

#footer,
#footer a.nav {
color: white;
}

I plugged the above in and it worked fine, but I wanted to use a hex color # and it doesn't seem possible. Am I correct in tis assumption? thx

mjsaba.smugmug.com

[denisegoldberg]

I plugged the above in and it worked fine, but I wanted to use a hex color # and it doesn't seem possible. Am I correct in tis assumption?
Hex color numbers definitely work - that's all that I use.

I just took a look at your CSS. You currently have this:
#footer a.nav {color: #c23337;}
#footer,
#footer a.nav {
color: white;
}The second #footer a.nav overrides the first, so what you ultimately did was to tell the system to display white. Change your CSS to:
#footer,
#footer a.nav {
color: #c23337;
}
Note that I removed the first #footer a.nav entry and changed the second one to be the color that you specified originally in the first entry.

--- Denise

[mjs]

Hex color numbers definitely work - that's all that I use.

I just took a look at your CSS. You currently have this:
#footer a.nav {color: #c23337;}
#footer,
#footer a.nav {
color: white;
}The second #footer a.nav overrides the first, so what you ultimately did was to tell the system to display white. Change your CSS to:
#footer,
#footer a.nav {
color: #c23337;
}
Note that I removed the first #footer a.nav entry and changed the second one to be the color that you specified originally in the first entry.

--- Denise


Thx for the help.