Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

CSS in wordpress, how to remove italicized link formatting

Posted on 2010-09-11
10
Medium Priority
?
744 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
  • 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 84

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
Independent Software Vendors: 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!

 
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 84

Accepted Solution

by:
Dave Baldwin earned 2000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

879 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