Side bar problems

theblogcourier · Member · Aug 11, 2011 at 8:23 am
Copy link

Add topic to favorites
I am only using wordpress.com to edit my site, i need to change the font colour in my side bar to a dark blue how do i do this?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 11, 2011 at 8:25 am
Copy link
The titles of the widgets, or the content of the widgets, or both?
thesacredpath · Member · Aug 11, 2011 at 8:26 am
Copy link
Also, both normal text and links?
thesacredpath · Member · Aug 11, 2011 at 8:26 am
Copy link
Also, both normal text and links?
theblogcourier · Member · Aug 11, 2011 at 8:29 am
Copy link
i Just want to change the title font of the Widgets to a dark blue/purple where can i find the colour chart?

thank you for helping a newbie
theblogcourier · Member · Aug 11, 2011 at 8:29 am
Copy link
is it ?

widget-title {
color: #666666;
theblogcourier · Member · Aug 11, 2011 at 8:30 am
Copy link
Thiking about it i would like to change text and links
thesacredpath · Member · Aug 11, 2011 at 8:45 am
Copy link
There are two places you will have to change it. Once for the non-link titles and once for the linked title like appears on your twitter widget. I’ve taken care of them both in one selector for you. Just add this to the bottom of the CSS edit window and change the hex color code as you see fit.
```
#sidebar h2, .widgettitle a {
color: #89BCC2;
}
```
For colors, give this a try and it will generate the web smart hex color code for you.

http://www.febooti.com/products/iezoom/online-help/online-color-chart-picker.html
thesacredpath · Member · Aug 11, 2011 at 8:46 am
Copy link
CSS is theme specific, so if you are looking through the forums, you have to make sure what you find is for your particular theme.
theblogcourier · Member · Aug 11, 2011 at 8:58 am
Copy link
Thank you well i am using the automattic theme, i have tried that code but it does not seem to be working.
thesacredpath · Member · Aug 11, 2011 at 9:32 am
Copy link
This is the site linked to your username, http://ethicalcourier.wordpress.com/ , I would now assume you are talking about a different site, yes? Please give us a link.
theblogcourier · Member · Aug 11, 2011 at 9:41 am
Copy link
Sorry i must have picked the wrong link, here is the link http://mailboxexpressed.wordpress.com/
thesacredpath · Member · Aug 11, 2011 at 9:46 am
Copy link
OK, you are using Pilcrow theme. Here is what you will need and again, just edit the color code. That is a very red color that I use so that it is easy for me to see if things work as they should.
```
.widget-title, .widget-title a {
color: #CC0000;
}
```
theblogcourier · Member · Aug 11, 2011 at 9:51 am
Copy link
Thank you that has worked ! can i change the font of all the links on my website ?
thesacredpath · Member · Aug 11, 2011 at 9:53 am
Copy link
Add this.
```
a {
color: #CC0000;
}
```
theblogcourier · Member · Aug 11, 2011 at 9:56 am
Copy link
amazing ! can i change the colour of the font in my menu ?
thesacredpath · Member · Aug 11, 2011 at 10:00 am
Copy link
Yes you can!
```
#nav a {
color: #CC0000;
}
```
thesacredpath · Member · Aug 11, 2011 at 10:09 am
Copy link
I might also suggest adding the following so that the top of your widget titles are not cut off.
```
.widget-title {
line-height: 24px;
}
```
theblogcourier · Member · Aug 11, 2011 at 10:18 am
Copy link
You gave been fantastic ! A few last things cam i make the menu bold and name i chnage the colour of the blog titles on new posts?
thesacredpath · Member · Aug 11, 2011 at 10:31 am
Copy link
This will change the normal color of the post titles
```
.entry-title, .entry-title a {
color: #000000;
}
```
This is the hover color (when the mouse is over it) for the post titles.
```
.entry-title a:focus, .entry-title a:active, .entry-title a:hover {
color: #000000;
}
```
To do the menu text in bold, change #nav a I had given you to this.
```
#nav a {
color: #CC0000;
font-weight: bold;
}
```

No items found.