• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 761
  • Last Modified:

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
0
checkmofoshoduno
Asked:
checkmofoshoduno
  • 5
  • 3
  • 2
1 Solution
 
jeremyjared74Commented:
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.
0
 
Dave BaldwinFixer of ProblemsCommented:
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.
0
 
checkmofoshodunoAuthor Commented:
Any ideas on just modifying my line of code to remove all the formatting that the CSS Style might be doing?
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
jeremyjared74Commented:
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.
0
 
jeremyjared74Commented:
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****,
0
 
checkmofoshodunoAuthor Commented:
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.
0
 
Dave BaldwinFixer of ProblemsCommented:
"font-style:normal;"
0
 
jeremyjared74Commented:
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

0
 
jeremyjared74Commented:

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

Open in new window

0
 
checkmofoshodunoAuthor Commented:
YOU ROCK! THANK YOU. EXACTLY WHAT I NEEDED.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 5
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now