Visual theme: Change colour of comment link and remove underline

nilla2014 · Member · Oct 27, 2015 at 9:00 pm
Copy link

Add topic to favorites
Hi,
I’d like to change the default colour of a hyperlink and remove the underline to match/be consistent with the rest of my site.
Any help is appreciated!
Nilla

The blog I need help with is: (visible only to logged in users)
nilla2014 · Member · Oct 27, 2015 at 9:01 pm
Copy link
Forgot to mention, my Yahoo email is not working (haven’t received emails for over a week) so I’m not sure how I will receive a notification email from this forum.
nilla2014 · Member · Oct 27, 2015 at 9:03 pm
Copy link
Forgot to mention, my Yahoo email is not working (haven’t received emails for over a week) so I’m not sure how I will receive a notification email from this forum.
timethief · Member · Oct 27, 2015 at 10:00 pm
Copy link
You need to update you email address here https://wordpress.com/me/account
timethief · Member · Oct 27, 2015 at 10:03 pm
Copy link
If you have blocked email on this page https://wordpress.com/me/notifications then re-enable receipt of email please at the very bottom of the page.

If you are not successful when it comes to receiving email then check your spam filter and read this support doc entry Issues > Changing your Email Address https://en.support.wordpress.com/email-address/#issues-changing-your-email-address
timethief · Member · Oct 27, 2015 at 10:10 pm
Copy link
P.S. I do not help with CSS editing. Another Volunteer or Staff will provide that support as soon as they can.
nilla2014 · Member · Oct 27, 2015 at 11:06 pm
Copy link
Thanks for your help timethief!
thesacredpath · Member · Oct 28, 2015 at 6:36 am
Copy link
Hi there, the following CSS should remove underlines from all links. It looks like you have the gotten the color for links set in your custom CSS.
```
a:hover, a:focus, a:active {
    text-decoration: none;
}
```
nilla2014 · Member · Oct 29, 2015 at 10:37 pm
Copy link
Hi, thanks for the code thesacredpath but this didn’t work and I’m not sure why.
nilla2014 · Member · Oct 29, 2015 at 10:40 pm
Copy link
I changed my Yahoo email in WP @timethief but now it’s mucked up my Gravatar pic, as you can see. Each time I try and add the same email to my Gravatar profile this displays a “Whoops” error!
I’d also like to change my default id “nilla2014” to “ImageEarthBlog” if I can? Hope you can help!
thesacredpath · Member · Oct 29, 2015 at 11:18 pm
Copy link
Hi, I just went into your customizer and added the above CSS and it takes away the underline on hover. Can you try adding it back in and leave it there and save so I can take a look?

On the email address, while logged into WordPress, go to http://gravatar.com and click the WordPress.com Sign In and you can change the email address there and get your gravatar back.
nilla2014 · Member · Oct 30, 2015 at 10:41 am
Copy link
Thanks for your help! I’ve added the code back in (at the end) and it doesn’t change for me, perhaps there’s something higher up the chain that’s affecting it?

Also, I usually have the link display in a green colour then on hover it turns white (no underline). I’ve changed this in other areas of the site but this hasn’t changed the commenting area.

Another question (sorry) I did post a question on another WP forum re my images are truncated when viewed on an iPad and iPhone (think it’s because I’ve dropped them into tables so the formatting is easier). But as my Yahoo isn’t working, I haven’t got email notification. Is there a way I can find my original post? I’ve tried searching but to no avail.
nilla2014 · Member · Oct 30, 2015 at 10:46 am
Copy link
Forgot to mention, got some help on the Gravatar issue but thanks for the instructions! I’d like to change my “nilla2104” to “ImageEarth”, will this create any issues I need to know about? I can start a new thread for this if you like?
thesacredpath · Member · Oct 30, 2015 at 6:46 pm
Copy link
Shoot, I’m sorry, I didn’t look down at the comments area. They use different selectors. Remove what I had given and add the following.
```
#comments a {
    text-decoration: none;
    color: #40d7bc;
}
#comments a:hover {
    color: #fff;
}
```
nilla2014 · Member · Oct 30, 2015 at 7:28 pm
Copy link
That worked, thanks loads! The only thing is that the name of the person commenting and my “Image Earth Blog” now displays bold. Can I unbold this or is this how it is?
nilla2014 · Member · Oct 30, 2015 at 7:30 pm
Copy link
Do I need to do something with the:
“comment-author vcard” ?
thesacredpath · Member · Oct 30, 2015 at 8:59 pm
Copy link
For the comment author (including Image Earth Blog) , we can set that to normal instead of bold by adding
font-weight: normal;
to #comments a like this
```
#comments a {
    color: #40d7bc;
    font-weight: normal;
    text-decoration: none;
}
```
nilla2014 · Member · Nov 1, 2015 at 4:55 pm
Copy link
That looks much better thanks!

Is there one blanket CSS code that I can use to remove the underline in my linked content, Related topics, etc. throughout the site?
I seem to be changing this in different areas but not capturing everything to make the site look consistent.
thesacredpath · Member · Nov 1, 2015 at 6:51 pm
Copy link
This code, that I had given above, seems to remove the underline on all links with the exception of Nilla’s Photography in the Facebook widget. The Code for the Facebook widget is served from Facebook and I tried several things and can’t get that one to go away.
```
a:hover, a:focus, a:active {
    text-decoration: none;
}
```
nilla2014 · Member · Nov 1, 2015 at 9:55 pm
Copy link
Thanks! That removed the underline in the posts and comments but not in the “Related” topic displayed at the end of my post. (I’m not too bothered with the FB underline as it sounds to hard to remove.)

No items found.