*Almost done*, but have a few issues

[JMontes]

First, after spending an entire day messing with my website and searching these forums, I want to give a HUGE "thank you" to those of you who take the time to answer questions from people like me. Without you, "we" would be pretty screwed :bow

Please bear with me, I'm a LOT overwhelmed by all this stuff. I blew a whole day at work just reading about customizing my website with CSS. Worse than college finals I tell you!

Anyway, after much searching in the forum here I found that I can actually customize (to an extent) smugmug themes. I absolutely love the "earth" theme so I have been working with it. I am *almost* there, and could use some help from the experts for what I can't find answers to.

my website: http://www.jmontesphotography.com/

1. My navbar text. It is currently white, and I'd like it to be the same color as the rest of the text on the page (as set by the earth theme). I looked through the source and was unable to figure it out. I do have the CSS editor for firefox, but it doesn't tell me the font color.

2. All "hover" items - When I hover over a gallery, the border is blue. For the life of me, I cannot find where to change this. I have messed with all the .imgBorder CSS properties, but it won't change. Is this hardcoded into the earth theme? (please say no!). It's also in the linkable text (it turns blue)

3. Footer text - Can I make this "Arial" text? I tried changing it in the footer, no-go.

4. Gallery "page separator" - Between my galleries and the navbar is a "separator" so to speak. Is it possible to remove? No big deal if not, this I can definitely live with.

Thanks a ton!

[JMontes]

First, after spending an entire day messing with my website and searching these forums, I want to give a HUGE "thank you" to those of you who take the time to answer questions from people like me. Without you, "we" would be pretty screwed :bow

Please bear with me, I'm a LOT overwhelmed by all this stuff. I blew a whole day at work just reading about customizing my website with CSS. Worse than college finals I tell you!

Anyway, after much searching in the forum here I found that I can actually customize (to an extent) smugmug themes. I absolutely love the "earth" theme so I have been working with it. I am *almost* there, and could use some help from the experts for what I can't find answers to.

my website: http://www.jmontesphotography.com/

1. My navbar text. It is currently white, and I'd like it to be the same color as the rest of the text on the page (as set by the earth theme). I looked through the source and was unable to figure it out. I do have the CSS editor for firefox, but it doesn't tell me the font color.

2. All "hover" items - When I hover over a gallery, the border is blue. For the life of me, I cannot find where to change this. I have messed with all the .imgBorder CSS properties, but it won't change. Is this hardcoded into the earth theme? (please say no!). It's also in the linkable text (it turns blue)

3. Footer text - Can I make this "Arial" text? I tried changing it in the footer, no-go.

4. Gallery "page separator" - Between my galleries and the navbar is a "separator" so to speak. Is it possible to remove? No big deal if not, this I can definitely live with.

Thanks a ton!

Okay, still unable to do any of these 4 items. I thought I would be able to figure out the gallery image hovering (I don't want it blue), but I have tried everything that the search function can give me from this forum. "a" is the ancestor to the imagebox, but a:hover doesn't do it, nor does .imgBorder or imgBorderOn (from this page: http://blogs.smugmug.com/web-tricks/2005/08/23/green-borders/). :dunno

I'll keep plugging away and searching the forum, but if anyone could chime in on any of these items, that would be great :D

EDIT: WOO-HOO! Finally found the code to change the "hover" properties of the image links!!!!!!! The text hovering is still blue for linkable text though.

I tried this for all the links, it did not work (and I did put it before the HOVER properties):

a:link, /* access all the links on your smugmug site */
.nav a:link,
.albumTitle a:link,
#homepage a:link {
color:#FFF4CA; /* change the color to light yellow */
text-decoration:underline; /* set the text decoration to underline */
}

[Allen]

First, after spending an entire day messing with my website and searching these forums, I want to give a HUGE "thank you" to those of you who take the time to answer questions from people like me. Without you, "we" would be pretty screwed :bow

Please bear with me, I'm a LOT overwhelmed by all this stuff. I blew a whole day at work just reading about customizing my website with CSS. Worse than college finals I tell you!

Anyway, after much searching in the forum here I found that I can actually customize (to an extent) smugmug themes. I absolutely love the "earth" theme so I have been working with it. I am *almost* there, and could use some help from the experts for what I can't find answers to.

my website: http://www.jmontesphotography.com/

1. My navbar text. It is currently white, and I'd like it to be the same color as the rest of the text on the page (as set by the earth theme). I looked through the source and was unable to figure it out. I do have the CSS editor for firefox, but it doesn't tell me the font color. Try these colors.
#navcontainer ul li a {
font-family: Arial;
font-size: 120%;
text-decoration: none;
padding: .2em 1em;
color: #faebd7;
background-color: #000;
}

#navcontainer ul li a:hover {
color: #faebd7;
background-color: #473B2D;
}
3. Footer text - Can I make this "Arial" text? I tried changing it in the footer, no-go. #footer {
font-family: arial !important;
}

[Allen]

...The text hovering is still blue for linkable text though...
Found this in theme.

.box .boxBottom a:hover {color:#6090D1;}

override in CSS

.box .boxBottom a:hover {color: red !important;}

[JMontes]

Allen, thank you thank you THANK YOU!!!! :thumb

That fixed everything except the "smugmug" link in the footer. It still hovers blue, but every other issue is gone! I just have minor tweaks to do here and there (and I probably have a lot of redundant CSS code to remove) and I'll be all set.

Thanks!!! :D

[Allen]

Allen, thank you thank you THANK YOU!!!! :thumb

That fixed everything except the "smugmug" link in the footer. It still hovers blue, but every other issue is gone! I just have minor tweaks to do here and there (and I probably have a lot of redundant CSS code to remove) and I'll be all set.

Thanks!!! :D
#footer a:hover {color:red !important;}

[JMontes]

#footer a:hover {color:red !important;}

Thanks Allen!

With that I was able to figure out changing the link text for a slew of other things that were blue. You rock! :clap

[Wacrer]

I was not able to post on your guestbook so here is just as good:) Great job on the site! It is looking good.

[JMontes]

I was not able to post on your guestbook so here is just as good:) Great job on the site! It is looking good.

thank you, I appreciate that. :D

I disabled it because I'm still trying to figure some things out with it. Need to disable the ability to click on the image and figure out how to minimize or remove some of those borders above and below the image. wait, I don't have it enabled so you can't tell what I'm talking about...haha, my bad. I'll enable it and figure out how to modify it more to my liking later. I don't want to use up all my questions in a day or two :rofl