How do I change the color, size or boldness of my Page links?

disc440 · Member · May 2, 2014 at 3:48 pm
Copy link

Add topic to favorites
Was thinking I would like to change the color of my “page” links….

Can someone tell me how to do that via CSS?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 2, 2014 at 7:35 pm
Copy link
Hi there, add the following and edit as desired. I included a letter spacing declaration (set at the original value of 0.3em) in case you wanted to change the letter spacing.
```
#wrapper #nav a {
    color: #00cc44;
    font-weight: bold;
    font-size: 100%;
    letter-spacing: 0.3em;
}
```
thesacredpath · Member · May 2, 2014 at 7:37 pm
Copy link
Oh, and if you want to change the background color for hovering the menu items, and the current page item background color, add this and edit as desired.
```
#nav .current_page_item a, #nav li:hover > a, #nav ul ul *:hover > a {
    background-color: #FFFFFF;
}
```
disc440 · Member · May 2, 2014 at 8:25 pm
Copy link
Well I tried your suggestion and now it’s really screwed up. Apparently I wasn’t clear. I wanted to change the color of the page links at the top. Now I cannot get back to where I was.
disc440 · Member · May 2, 2014 at 8:29 pm
Copy link
Please tell me how to change back the fonts on my links now? Sorry I asked now.
disc440 · Member · May 2, 2014 at 9:12 pm
Copy link
Never mind…got them back to where they were.
thesacredpath · Member · May 2, 2014 at 10:16 pm
Copy link
Just to make sure, is this the site you are talking about, http://stoutstandards.wordpress.com/ ? I just double checked the code and it works on the nav menu items at the top of the page (about, introduction, my books, etc.).

In your title for this forum thread, you said,

How do I change the color, size or boldness of my Page links?

I included all those for you to edit as you saw fit, and included the letter spacing declaration as well since the letter spacing seemed a little wide to me.
disc440 · Member · May 2, 2014 at 11:08 pm
Copy link
Okay perhaps I did something wrong….this around it worked. Thank you. Appreciate it. I decided against changing the color but did lessen the distance between lettering and just adding “black” made the pages stand out more. Thanks again.
thesacredpath · Member · May 3, 2014 at 12:05 am
Copy link
You are very welcome.
lotmusicblog · Member · May 5, 2014 at 7:50 am
Copy link
Hi guys, I was wondering how to do this too, but actually I want to make just two out of ten page titels in my header bold. Can anyone tell me how to do this? I am working with “The Shine On Theme” :
http://www.lotmusicblog.wordpress.com
thesacredpath · Member · May 5, 2014 at 10:28 pm
Copy link
Hi @lotmusicblog, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum and I’ll watch for it and help you out. Many thanks in advance.
lotmusicblog · Member · May 6, 2014 at 8:06 am
Copy link
Hi @thesacredpath, by coincidence I’ve figured out how to do this aswell. Thanks for your reply! :)
thesacredpath · Member · May 7, 2014 at 9:46 pm
Copy link
@lotmusicblog, you are welcome.

The topic ‘How do I change the color, size or boldness of my Page links?’ is closed to new replies.

WordPress.com forums

How do I change the color, size or boldness of my Page links?