Home › Forums › Automattic › Further › How to change link properties (color…) for links in just one particular post
-
AuthorPosts
-
crcgtpcMemberHello,
i would like to change the properties of 3 links in 1 post. I would like to have the text in black and when i move the mouse on, that the text chnage of color.
Actually, when a i put a link on a text, the text is always in red (even before that i click on it)…Thx a lot for your help !
Br,
E.
The blog I need help with is cgtpoitoucharentes.wordpress.comSeptember 26, 2014 at 2:39 pm #157480
Kathryn P.Happiness EngineerTo change the default and hover link colours in a specific post, you’d first locate the ID of that post, and then add some custom CSS. Here’s an example for the post with the ID 11748:
.post-11748 .entry-content a:link { color: #bb00bb; } .post-11748 .entry-content a:hover { color: #2cdc33; }
September 30, 2014 at 2:46 pm #157493
crcgtpcMemberHey !
it works very well ! Thx for your help !
I have an other question still to change link properties.
When I use the <abbr> command to show a text hidden, there is a yellow pop up which appears above the box of hidden text. The matter is that it hids what I want to make visible.
You can see what I’m talking about there :
Is there a solution to hide this yellow box on the same text ?
Thx a lot for your help !
Br,
E.
September 30, 2014 at 2:54 pm #157495
Kathryn P.Happiness EngineerThe
<abbr>
tag is meant to display the full text of an abbreviation in a “tooltip”-type box overlaid on top of the page, as shown in your screenshot. In other words, the reason to use the<abbr>
tag is when you want that tooltip box to appear. If you don’t want the box, you should use a different HTML tag instead of<abbr>
If you let me know specifically what you’re trying to accomplish I’ll see if I can suggest a method other than the
<abbr>
tag.September 30, 2014 at 3:53 pm #157496
crcgtpcMemberIn fact I use the abbr tag to have this box that appears in the text. I like this solution. What I want is hide the yellow box just above with the same text. It appears at the same time, when the box is oppened. I don’t know if I’m cristal clear :/
September 30, 2014 at 7:25 pm #157497
Kathryn P.Happiness EngineerThe yellow “tootip” box is being added because you are using the HTML5 abbr tag with its title attribugte – they go together. I don’t think there is a way to turn it off without using JavaScript, which isn’t allowed on WordPress.com:
http://stackoverflow.com/questions/457366/disabling-browser-tooltips-on-links-and-abbrs
If you remove the title attribute on the abbr tag the tooltip will go away:
<abbr title="à travers le CICE et le Pacte de responsabilité sans aucune contrepartie chiffrée en matière d'emploi">
October 1, 2014 at 8:33 am #157498
crcgtpcMemberHey,
Is there an other solution to just have one box and not twice ? :/
Br,
E.
October 1, 2014 at 9:19 am #157499
crcgtpcMemberIs it possible to just change the color (transparent) et color of the text inside (transparent too) ? Maybe it’s the solution ? :S
Br,
E.
October 1, 2014 at 5:35 pm #162350
Kathryn P.Happiness EngineerThe tooltip that appears in yellow comes from the title attribute you are using inside the abbr tag. There is not a way to modify the tooltip using CSS. You must decide whether you want one or the other.
October 20, 2014 at 7:09 am #162398
crcgtpcMemberOk :S Thx !
Br,
E.
-
AuthorPosts
The topic ‘How to change link properties (color…) for links in just one particular post’ is closed to new replies.