Duster Theme Change Link Colors

integralnatmed · Member · Feb 18, 2011 at 3:57 am
Copy link

Add topic to favorites
I would like to change my link colors from blue to Black or Green. Can anyone help me with the CSS to do so?
Thank you

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 18, 2011 at 4:39 am
Copy link
This is the main (non-hover) color for the widgets
```
.widget a {
color: #1B8BE0;
}
```
This is the hover color for the widgets
```
.widget a:hover {
color: #FF4B33;
}
```
Since you don’t have any links within your page content I don’t know what color those are.
integralnatmed · Member · Feb 18, 2011 at 4:42 am
Copy link
I pasted these into the CSS but did not notice a change in the footer with the links…did I do something wrong?

I would like the links to be Green (dark like my theme) and the hover color to be black.
thesacredpath · Member · Feb 18, 2011 at 4:44 am
Copy link
If you end up with a “posts” (blog) page, this would be the next and previous links at the bottom of the posts pages.
```
#content nav a {
color: #1B8BE0;
}
```
This is the next/previous hover color
```
#content nav a:hover {
color: #1B8BE0;
}<code></code>

This would be for the links in the post and page content area
```
.entry-content a {
color: #1B8BE0;
}`

This would be the hover for the post and page content area
```
.entry-content a:hover {
    color: #1B8BE0;
}
```
integralnatmed · Member · Feb 18, 2011 at 4:50 am
Copy link
Okay did that. Still have blue and red lettering in the footer…
Are you able to see it
http://www.integralnatmed.com
integralnatmed · Member · Feb 18, 2011 at 4:53 am
Copy link
I also have a blue hover color for all post links (title, author, tags, reply, dates, even the Reply circle hovers in blue.)

I want all the colors within the site to be black and green.

So the Post title, dates, author, categories, etc. are currently black text but hover in blue.
All my footer links are blue and hover in bright orangy red.

Am I being too difficult?

I know how to do this in Blogger but not here. I would normally just replace the hex codes in the blogger html. WP is so different.
thesacredpath · Member · Feb 18, 2011 at 4:58 am
Copy link
This takes care of the footer.
```
#site-generator a {
    color: red;
}
```
(change red to your preferred color)

For all the link colors, search through the original stylesheet for the following two colors.

#FF4B33
#1B8BE0
integralnatmed · Member · Feb 18, 2011 at 5:00 am
Copy link
Can I use basic RGB codes to replace those two colors?
How do I do that to the original stylesheet since it is not changeable?
integralnatmed · Member · Feb 18, 2011 at 5:04 am
Copy link
Okay I figured it out.
I just search the Original SS and copy those sections, repaste them into the CSS Editor and change the color?

:)
integralnatmed · Member · Feb 18, 2011 at 5:43 am
Copy link
Well I went through the original stylesheet, copied all the portions you had not already given me and still had the same blue hover effect on my blog page coming through. So, now I think I need a little extra assistance.

Whew that took a long time!
thesacredpath · Member · Feb 18, 2011 at 6:47 am
Copy link
Here are some more of the selectors.

.entry-title, .entry-title a

.entry-title a:hover

.entry-meta a

.entry-meta a:focus, .entry-meta a:active, .entry-meta a:hover
alwayswellwithin · Member · Feb 18, 2011 at 7:20 am
Copy link
Thanks Sacred Path! You rock.
thesacredpath · Member · Feb 18, 2011 at 9:09 am
Copy link
You are welcome.
integralnatmed · Member · Feb 18, 2011 at 9:58 pm
Copy link
thesacredpath
You’ve helped me so much and I am learning much more about CSS vs. HTML. Thank you

I did the adjustments above. The only items that are remaining in blue and hovering in blue are these:

When you click on a post header and it takes you to the post page directly (instead of the running posts) the date and the posted by are still blue and red.
alwayswellwithin · Member · Feb 20, 2011 at 10:42 pm
Copy link
integralnatmed ~ It would be fabulous if you posted your CSS code for the changes you’ve made. It would help expedite the process for others. I’ve changed my main links, but I still have several of the minor ones to change. However, I’m also curious about the code for other changes you’ve made. I usually post my CSS on a page on my blog so others can check it out. I haven’t done it with Duster yet – still making changes – but I will do so soon. Thanks for considering this.

Be well!
thesacredpath · Member · Feb 21, 2011 at 9:03 pm
Copy link
@integralnatmed, it looks like you got this taken care of, correct?
alwayswellwithin · Member · Feb 22, 2011 at 4:47 am
Copy link
Hi Sacred Path,

I’m still stuck in two places.

1. Changing the hover color of the comment number button from blue to my main color. That’s the big circle near the post cycle that contains the number of comments.

2. I’ve done something weird here so that Posted on February 16, 2011 by Sandra Lee has the same initial color and hover cover. Hmmmn, haven’t been able to find it yet. I think it may be in this code (at least in part), but when I change it back all the tag descriptions reverse too.

.entry-meta a:focus,.entry-meta a:active,.entry-meta a:hover {
color:#800000;

Any suggestions would be appreciated.

Thanks for your help Sacred Path. I’m very grateful. When I get done, I will post the CSS code on a page on my blog so others can copy it if they want.

BTW, my blog is http://alwayswellwithin.com if needed
}
hallluke · Member · Feb 22, 2011 at 9:55 am
Copy link
This code should help you change the post count indicator. It looks like you’ve fixed the other issue as the meta links in each post do have a different normal and hover colour currently.

.entry-header .comments-link a:hover {background:#800000; color:#FF4B33; border-color:#FF4B33;}
alwayswellwithin · Member · Feb 23, 2011 at 5:53 am
Copy link
Thanks! That works on the comment number/button.

The problem with this:

Posted on February 22, 2011 by Sandra Lee

is on the home page. The same think works fine on the post page. I suppose I need to find the hover color and change it from 800000 back to ff4b33, but I’m not sure what the tage (name) is for these items and it seems they may be grouped with others under meta. Not sure…

There are a few other small things to finetune, but I will keep looking through the SS and comeback if I don’t figure it out.

Thanks so much for your help!

No items found.