Need Help w/ Changing Colors on Fusion Theme

titaniumkitten · Member · Sep 22, 2010 at 2:55 am
Copy link

Add topic to favorites
********Please note that my blog contains mature and graphic content.********

I have changed my theme (cause I got bored with it) to the new Fusion theme. I love it. Well, most of it. I do not like all the different colors! Yikes. I want all the links to be color #2d83d5, instead of all the orange and red, and those purple boxes that show up for the tags. Could anyone help me? I tried to do it myself, (I have a little experience with CSS) but when I preview it the colors aren’t changed, and on top of that… the top background color goes white and so do the top navigation tabs. Weird.
titaniumkitten · Member · Sep 22, 2010 at 2:56 am
Copy link
Also, I have no idea why my old link is showing up (it no longer works). The correct URL is http://pawprintsinslavery.com. Again please note that my blog contains mature and graphic content. Thank you.
titaniumkitten · Member · Sep 22, 2010 at 2:58 am
Copy link
Ugh. I mean http://pawprintsinslavery.wordpress.com. One of these days I’ll get it right the first time. Also, I was able to update my link attached to my name. Sorry about the confusion!
thesacredpath · Member · Sep 22, 2010 at 4:44 am
Copy link
What you want to do is to paste only the specific selectors, and specific definitions that you are changing into the CSS. If you paste the entire stylesheet, then all the relative links to images used on the site will break.

I think this takes care of everything for you. For the box on the categories, I also changed the text color and the drop shadow color as well since the text sort of disappeared. See what you think.
```
a, a.no.comments, .post p.postcontrols a.no.comments {
color:#2D83D5;
}

a.comments, .post p.postcontrols a.comments {
color:#2D83D5;
}

.post .tags a {
background:none repeat scroll 0 0 #2D83D5;
color:#FFFFFF;
text-shadow:0 1px 1px #000000;
}
```
titaniumkitten · Member · Sep 22, 2010 at 11:31 am
Copy link
SacredPath,

That did change the colors for most, but the bullet point colors are still orange and turn red when you hover, and the links in the sidebar are still gray and turn red when you hover. Also, when I look at it in Firefox, the images still go away. Which is weird. In IE it changes everything just fine it seems.
titaniumkitten · Member · Sep 22, 2010 at 11:33 am
Copy link
Okay never mind it only did that in firefox in the “preview”. Once I saved it it went through fine. Also, is there a way to change the hover color for the comments? When I hover over it it turns orange.

Thank you for your help so far!
hallluke · Member · Sep 22, 2010 at 9:16 pm
Copy link
a.comments:hover, .post p.postcontrols a.comments:hover {background-color:#2D83D5; border:2px solid #2D83D5;}
titaniumkitten · Member · Sep 22, 2010 at 10:59 pm
Copy link
Thank you very much halluke!

Now all I need is to get rid of the orange for the category widget, and change the hover color for the links in the side bar! Any suggestions?
hallluke · Member · Sep 23, 2010 at 12:08 am
Copy link
The bullets are an image, you can remove it with or replace it with the code below:

#sidebar .widget_categories ul li a {background:none; padding-left:10px;}

The hover colour is set by:

#sidebar li.linkcat a:hover, #sidebar2 li.linkcat a:hover, .widget.widget_links ul li a:hover, .widget.widget_meta ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_archive ul li a:hover, .widget.widget_pages ul li a:hover, .widget.widget_recent_entries ul li a:hover {color:#2D83D5;}
titaniumkitten · Member · Sep 23, 2010 at 12:15 am
Copy link
Thank you so much! That takes care of everything! I greatly appreciate the assistance!

No items found.