Solved

CSS in wordpress, how to remove italicized link formatting

Posted on 2010-09-11
10
725 Views
Last Modified: 2012-05-10
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
Comment
Question by:checkmofoshoduno
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 3
  • 2
10 Comments
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33654837
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
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 33654856
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
 

Author Comment

by:checkmofoshoduno
ID: 33654869
Any ideas on just modifying my line of code to remove all the formatting that the CSS Style might be doing?
0
Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33654918
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
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33654922
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
 

Author Comment

by:checkmofoshoduno
ID: 33654927
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
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 33654928
"font-style:normal;"
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33654935
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
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33654942

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

Open in new window

0
 

Author Closing Comment

by:checkmofoshoduno
ID: 33654946
YOU ROCK! THANK YOU. EXACTLY WHAT I NEEDED.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question