How to change link properties (color…) for links in just one particular post

Home Forums Automattic Further How to change link properties (color…) for links in just one particular post

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #157478 Resolve

    crcgtpc
    Member

    Hello,

    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.com
    #157480

    Kathryn P.
    Happiness Engineer

    To 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;
    }
    
    #157493

    crcgtpc
    Member

    Hey !

    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 :

    http://wp.me/a3A2tk-3oA

    Is there a solution to hide this yellow box on the same text ?

    Thx a lot for your help !

    Br,

    E.

    #157495

    Kathryn P.
    Happiness Engineer

    The <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.

    #157496

    crcgtpc
    Member

    In 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 :/

    #157497

    Kathryn P.
    Happiness Engineer

    The 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">

    #157498

    crcgtpc
    Member

    Hey,

    Is there an other solution to just have one box and not twice ? :/

    Br,

    E.

    #157499

    crcgtpc
    Member

    Is it possible to just change the color (transparent) et color of the text inside (transparent too) ? Maybe it’s the solution ? :S

    Br,

    E.

    #162350

    Kathryn P.
    Happiness Engineer

    The 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.

    #162398

    crcgtpc
    Member

    Ok :S Thx !

    Br,

    E.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘How to change link properties (color…) for links in just one particular post’ is closed to new replies.