Link to home
Start Free TrialLog in
Avatar of checkmofoshoduno
checkmofoshoduno

asked on

CSS in wordpress, how to remove italicized link formatting

Hi, I am working on a wordpress site and i guess the previous web developer set a CSS style so that all links <a href="...">text here</a> end up being italicized and formatted in dark bold blue. I managed to remove all the colors, but i can't  figure out a way to remove the italics. I also don't want to remove the CSS rule that he set because it will affect the overall look of the entire site if i change it. Is there a way i can modify my tag to remove the italics?

I have a small feeling that there is a simple solution but i just need some help figuring it out. thanks.

The attached code is how i am creating the link. And the image is a live view of how it looks right now.
<a href="http://www.domain.com"style="font-weight: normal; text-decoration: none; color: #150517;">personal goal setting</a>

Open in new window

experts-exc.png
Avatar of jeremyjared74
jeremyjared74
Flag of United States of America image

If you sent a link to your site, I could see where it is coming from. It is more than likely from the style.css, unless you have more than one stylesheet.
Avatar of Dave Baldwin
The main CSS file, "style.css", is in ".../wp-content/themes" in the directory for the current theme.  You can see if the link you're trying to change is part of a class that you can change without affecting other things.  Make a copy first.
Avatar of checkmofoshoduno
checkmofoshoduno

ASKER

Any ideas on just modifying my line of code to remove all the formatting that the CSS Style might be doing?
The link already has text decoration none in the link. Since this isn't removing the link, it must be coming from the css file. Have you tried copying the text and pasting it into a plain text editor to remove the formatting. Sometimes the text will get mysteriously jumbled up. If you paste it into a plain text editor, or a browser search bar, then copy it from the plain text editor and paste it back into the page it should remove any word, or other strange behaviors. If that doesn't work, it should be handled inside the style.css. This isn't a big fix. You can simply find where it is coming from and remove it, or add the same as in the link text-decoration: none.

I use WebDeveloper plugin for firefox to edit my css. Then you can copy it and past it into the style.css.
The link already has text decoration none in the link. Since this isn't removing the  ****link****,

Should read as follows The link already has text decoration none in the link. Since this isn't removing the  ****italics****,
There are probably 300+ links that need to be left with the default format that the CSS currently has and only 20-40 that must be formatted in a different way.
ASKER CERTIFIED SOLUTION
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
OK, I see what you need. Try this for the links you want to remove it with:


This is an unusual link, it has no underline


<A STYLE="text-decoration:none" HREF="link.html">
This is an unusual link, it has no underline</A>

Open in new window

YOU ROCK! THANK YOU. EXACTLY WHAT I NEEDED.