Known Participant

Question

CSS not working again on links?

Forum|Forum|9 years ago
January 27, 2017
3 replies
1827 views

I am trying to edit the code for a link so that it's underlined as standard, and when the mouse is put over the 'hover' function changes to text decoration none.

I had this sorted last year, the plugin theme has been updated and it's defaulted to the reverse again. I can find the style sheet and looks like it should be behaving correctly? But it's not?

My site is http://menergy.org.au/committee-2016/ and believed the style sheet was located at /public_html/wp-content/themes/Total/style.css, can anyone point me in the correct direction?

Thanks

Batch

This topic has been closed for replies.

Cecil108Author

Known Participant

Hi Ben

Apologies for the delay.

I have changed the file as above, refreshed cache and deleted cookies, still not working?

:-(

O

osgood_

Legend

You have an id tag available - id="team-207" - which is greater than a class tag, so make use of it to target the anchor tags within the text and see if that resolves your issues:

#team-207 a {

color: red;

text-decoration: underline;

}

#team-207 a:hover {

text-decoration: none;

}

Although the answer that Ben provided should work - using !mportant - it does for me.

23 stylesheets! No wonder you cant get anything to work. Do you know exactly what is in all of these stylesheets?

O

osgood_

Legend

Ben, most confusing!

I have changed the code on the style sheet, deleted my cache and cookies as per

.team-flat .team-item a {

text-decoration: underline !important;

}

.team-flat .team-item a:hover {

text-decoration: none !important;

}

and yet it's not working?

I'm about to just accept?

Thanks

I'm not sure why its not working for you. Both the solution I supplied plus the one Ben supplied works for me when I test it out.

As a last resort insert the code below into the page DIRECTLY before the closing </head> tag and try that.

<style>

#team-207 a {

color: red;

text-decoration: underline;

}

#team-207 a:hover {

text-decoration: none;

}

</style>

It may be that something else in one of your 23 stylesheets is over-ridng the styling. It's difficult to diagnose the issue when so many stylesheets are used.

Cecil108Author

Known Participant

Ben, thanks for the reply.

I'm unable to find the code on line 17? The code for /* links */ is on line 638?

I need the link to be underlined and on hover to disappear. I'm sure it should read

/* links */

a { color: #0081cc; text-decoration: underline; outline: none; }

a:hover { text-decoration: none

Thanks