|
|
Post a Project »
Find a Professional HTML Freelancer!
Find a Freelancer to help you with your HTML projects
| |
|
Wordpress: Want to remove underline from image link
04-07-2010, 07:32 AM
|
Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
Hi friends, seems many newbie's like me have faced this problem (source: google) but I'm not able to find a working solution for mine.
NOTE: My web-design partner is out of town, hence asking you guys for help
I have an image link as "Featured Work" in footer area in my wordpress site www.acme.66ghz.com
You will notice that it has underline, which I need to remove. I'm using wordpress widget "Text - Arbitrary text or HTML" and putting the following code in that:
Code:
<a rel="prettyPhoto" href="http://www.youtube.com/watch?v=YAClHdPrWi4?width=792&height=600"><img src="http://acme.66ghz.com/wp-content/uploads/2010/04/edi-11.jpg" alt="Featured Work" /></a>
Please give me some solution so that the underline disappears from "Featured Work" image link.
Just sharing if it might help:
http://acme.66ghz.com/wp-content/the...play/style.css
http://acme.66ghz.com/wp-content/the...css/style1.css
- Thanks 
|
|
|
|
04-07-2010, 07:39 AM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
|
CSS:
Code:
a img {
text-decoration: none;
}
__________________
Chris. ->> Please login or register to view this content. Registration is FREE <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
|
|
|
|
04-07-2010, 01:57 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 129
|
add those lines to your stylesheet.css as some of the settings can be overwritten by wordpress itself.
|
|
|
|
04-07-2010, 02:20 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
That's because the line isn't applied to any image element, there's a border-bottom being applied to the containing textwidget div.
Find the following code in your stylesheet (around line 235 or so) and remove the border-bottom declaration:
Code:
.textwidget a {
border-bottom: 1px solid #FF9000
}
Last edited by jamestl2; 04-07-2010 at 02:38 PM..
|
|
|
|
04-07-2010, 02:55 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
thanks jamestl2, that works
minor problem is, it underlines while hovering, can any1 plz help me locate that code.
-thanks!! 
|
|
|
|
04-07-2010, 03:13 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
Right below where you removed the previous border, remove the same border-bottom declaration:
Code:
a:hover{
border-bottom: 1px solid #666;
color:#ff9000;
}
|
|
|
|
04-07-2010, 03:39 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
once again thanks jamestl2, you dont know how much u hav helped me, u r simply gr8!!
and thx to all those who tried to help...gr8 thx
a small query though, is it possible to underline "read more" links of my homepage acme.66ghz.com
&
you can see that the underline of underlined link on this page http://acme.66ghz.com/portfolio/ does not change color while hovering, is it possible to fix it? of course i have underlined it in wordpress while posting...but it would be great if it changes color to #ff9000 while hovering...
i think my 2nd query might be not possible...but still just asking...
thx once again all... especially James Lewitzke 
Last edited by mihirx; 04-07-2010 at 03:42 PM..
Reason: typo
|
|
|
|
04-07-2010, 03:55 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
Yes:
Code:
.more-link a {
text-decoration: underline;
}
And I'm not sure what you're asking for in the second query. Which link are you trying to underline? The "portfolio" heading element?
|
|
|
|
04-07-2010, 04:06 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
This time its not working,
my original code was:
Code:
.more-link{
background:transparent url(../images/skin1/bullet_orange.png) no-repeat scroll right 15px;
}
and modified as per your suggestion to:
Code:
.more-link{
text-decoration: underline;
background:transparent url(../images/skin1/bullet_orange.png) no-repeat scroll right 15px;
}
still not working...help.....thx 
|
|
|
|
04-07-2010, 04:20 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
No add an entirely new rule, with the anchor selector applied as I showed in post #9:
Code:
.more-link a {
text-decoration: underline;
}
|
|
|
|
04-07-2010, 04:31 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
ok i added the code at line 225 here: http://acme.66ghz.com/wp-content/the...css/style1.css
.more-link a {
text-decoration: underline;
}
still no luck
and about that 2nd query, I was talking about the underlined "Print Designing" link, I have underlined it in wordpress while posting, and I want its underline as well to change color to #ff9000 while hovering. No big deal if not possible. Thanks James 
|
|
|
|
04-07-2010, 05:39 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
It's likely because you have another class conflicting with the given element, try making the class more specific instead:
Code:
a.more-link {
text-decoration: underline;
}
About the print underline, it's remains that color because you're applying the text-decoration property to that given element (a span) and not the specific anchor.
So just remove the inline styling and apply a class to the anchor, then adjust the CSS accordingly.
|
|
|
|
04-07-2010, 06:04 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
thx a bunch James, is it possible to keep the underline stay on "read more" link even while hovering? the underline vanishes while hovering. Not that important, but would be great if that can be achieved. Thanks 
|
|
|
|
04-07-2010, 06:08 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
Just apply the same declaration to the hover pseudo-class:
Code:
a.more-link:hover {
text-decoration: underline;
}
|
|
|
|
04-07-2010, 06:16 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
|
|
|
|
04-07-2010, 07:35 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
You sure? It looks fine to me.
|
|
|
|
04-08-2010, 08:20 AM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
I'm sorry, my bad, chrome was showing me cached page. "Read more" thing is sorted. Many thanks
Can you please tell me exactly what I need to do here:
Quote:
About the print underline, it's remains that color because you're applying the text-decoration property to that given element (a span) and not the specific anchor.
So just remove the inline styling and apply a class to the anchor, then adjust the CSS accordingly.
|
|
|
|
|
04-09-2010, 04:00 AM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 10
Name: mihir
|
what lines and where do I add? 
|
|
|
|
04-11-2010, 02:56 PM
|
Re: Wordpress: Want to remove underline from image link
|
Posts: 2,389
Name: <member type="brilliant" alt="foolish">James Lewitzke</member>
Location: / public_html / Universe / Virgo_Supercluster / Local_Group / Milky_Way / Orion_Arm / Solar_System / Earth / North_America / USA / Wisconsin
|
There's several ways you can do it. For example, find this code:
HTML Code:
<p><span style="text-decoration: underline;"><a href="http://acme.66ghz.com/portfolio/print-designing" target="_self">Print Designing</a></span></p>
<p><span style="text-decoration: underline;"><a href="http://acme.66ghz.com/portfolio/web-designing" target="_self">Web Designing</a></span></p>
<p><span style="text-decoration: underline;"><a href="http://acme.66ghz.com/portfolio/video-production" target="_self">Video Production</a></span></p>
And move the styles to the anchors:
HTML Code:
<p><span><a style="text-decoration: underline;" href="http://acme.66ghz.com/portfolio/print-designing" target="_self">Print Designing</a></span></p>
<p><span><a style="text-decoration: underline;" href="http://acme.66ghz.com/portfolio/web-designing" target="_self">Web Designing</a></span></p>
<p><span><a style="text-decoration: underline;" href="http://acme.66ghz.com/portfolio/video-production" target="_self">Video Production</a></span></p>
You might want to just add the style to the CSS though. Remove those previous span style attributes, give the anchors a new class and add the rules to the stylesheet:
Code:
.newanchorclass a {
text-decoration: underline;
}
.newanchorclass a:hover {
text-decoration: underline;
}
|
|
|
|
|
« Reply to Wordpress: Want to remove underline from image link
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|