PDA

View Full Version : Can't figure out how to change font color for breadcrumbs


say.cheeeez
Feb-28-2009, 03:41 PM
I changed my site theme today. So far I figured out most things but can't figure out how to change the font color for the breadcrumbs. I'm using the Firefox developer, but it seems no matter what I try I can't figure it out.
Can you help?

Following is a screen capture showing the problem area. The site is:

http://photos.schulzfamily.org

Thanks!!
Brad

http://bradschulz.smugmug.com/photos/482462948_HTxQc-M.jpg

Allen
Feb-28-2009, 07:35 PM
I changed my site theme today. So far I figured out most things but can't figure out how to change the font color for the breadcrumbs. I'm using the Firefox developer, but it seems no matter what I try I can't figure it out.
Can you help?

Following is a screen capture showing the problem area. The site is:

http://photos.schulzfamily.org

Thanks!!
Brad


These two help? Also add the !important

.nav,
.title,
a:visited {
color: #cbb7a6 !important;
}

say.cheeeez
Mar-01-2009, 02:42 AM
These two help? Also add the !important

.nav,
.title,
a:visited {
color: #cbb7a6 !important;
}

Yup - that works! Thank you! I wasn't familiar with the "!important" tag - learned something new today.

Brad

say.cheeeez
Mar-01-2009, 07:23 AM
So I'm a noob at CSS and trying to customize my site. I've found the answer to most questions by searching, but there are still a few things I don't understand. Just as I though I was catching on I hit another wall. I'm trying to change the font color illustrated below http://bradschulz.smugmug.com/gallery/6076573_UwzpA/1/381209267_pLLLq
http://bradschulz.smugmug.com/photos/482855176_d23vv-L.jpg


My site is not very complicated (at least I don't think so).

1. Why doesn't this font color change with the body{} change I placed at the beginning of my CSS?

2. Looking at the webdev output shown below, I would think that changing the color of #photoTools would do the trick, but this does not change the font color. Through much trial and error, the ".nav span" element did change the color of "arange mode" & "hide photo".

http://bradschulz.smugmug.com/photos/482861032_qXEVt-L.jpg

.nav span {color:#cbb7a6 !important;}

3. Last (but not least!), I need to change the font color of the caption at the bottom of the photo. This time, webdev gives me a container of "#caption_bottom", which does work to change this color.

This all seems very inconsistent to me. Is there a way to change all the font colors generally for the whole site, then if I want a different color for a particular area, drill down to change that color? Also, is there some way to consistently read the webdev output to know what tags to change in the CSS?

Thanks much,
Brad

Allen
Mar-01-2009, 07:30 AM
So I'm a noob at CSS and trying to customize my site. I've found the answer to most questions by searching, but there are still a few things I don't understand. Just as I though I was catching on I hit another wall. I'm trying to change the font color illustrated below http://bradschulz.smugmug.com/gallery/6076573_UwzpA/1/381209267_pLLLq



My site is not very complicated (at least I don't think so).

1. Why doesn't this font color change with the body{} change I placed at the beginning of my CSS?

2. Looking at the webdev output shown below, I would think that changing the color of #photoTools would do the trick, but this does not change the font color. Through much trial and error, the ".nav span" element did change the color of "arange mode" & "hide photo".



.nav span {color:#cbb7a6 !important;}

3. Last (but not least!), I need to change the font color of the caption at the bottom of the photo. This time, webdev gives me a container of "#caption_bottom", which does work to change this color.

This all seems very inconsistent to me. Is there a way to change all the font colors generally for the whole site, then if I want a different color for a particular area, drill down to change that color? Also, is there some way to consistently read the webdev output to know what tags to change in the CSS?

Thanks much,
Brad
See if these do it.

.foreground,
.caption,
.nav span,
.nav a,
#breadCrumbTrail,
#pageNavigation_top,
.pageNav a.nav.next,
.pageNav a.nav.last,
#comment_header .nav h3,
#breadcrumb .title,
.photoNav a.nav.next
{color:#cbb7a6 !important;}

L o R a C
Dec-29-2009, 01:32 PM
See if these do it.

.foreground,
.caption,
.nav span,
.nav a,
#breadCrumbTrail,
#pageNavigation_top,
.pageNav a.nav.next,
.pageNav a.nav.last,
#comment_header .nav h3,
#breadcrumb .title,
.photoNav a.nav.next
{color:#cbb7a6 !important;}



Hi there! My site is http://www.loracphoto.com/. I know how to change the colors of font in the easy customizer, but sometimes it changes more than I want. Since my background is yellow, I'd like the text color to be black for:
- edit gallery description area (in gallery itself)
- breadcrumbs
- page #'s
And on the gallery titles themselves, I'd like the color to be a white or light gray color.

Problem is, I'm waiting for smugmug to help me out with a problem. When you go to my site, if you see the slideshow on the home page and the gallery page - it hasn't been fixed yet. I'm not sure what I did while playing around today, but it wasn't like that earlier.

Thank you for any help you can offer!