Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #728536

    Hi,

    I’ve put this code into my custom.css in order to change the appearance of the text links (only in text) on hovering:
    a:hover {text-decoration: none!important; border-bottom: 1px dashed #000!important;}
    but it’s applied to absolutely every links, images, titles…

    Would you give me the right way to do it, pls?

    #728538

    Hey Anton,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia_textblock a:hover {text-decoration: none!important; border-bottom: 1px dashed #000!important;}
    

    Best regards,
    Yigit

    #728549

    Unfortunately it doesn’t change anything

    #728552

    Hi!

    Can you please post the link to your page and point out the links you would like to target?

    Best regards,
    Yigit

    #728561

    any link in the text in any post or page (http://www.newpointdeview.com/pro/interculturel/differences-sociales-expatriation-homme-femme/)
    except the sidebar, footer, etc.

    #728566

    Hi!

    Please try following

    main.content a:hover {text-decoration: none!important; border-bottom: 1px dashed #000!important;}

    Cheers!
    Yigit

    #728582

    Main.content modifies EVERYTHING.

    Now, pls, go to this page and try to hover images, titles, categories and comments: http://www.newpointdeview.com/blog-en/
    And look at what I need to modify on this picture

    #728602

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .slide-meta-comments a:hover,span.blog-categories a:hover {
        text-decoration: none!important;
        border-bottom: 1px dashed #000!important;
    }
    

    Best regards,
    Yigit

    #728625

    And can you do the same for those links ?
    picture

    • This reply was modified 7 years, 2 months ago by Anton.
    #728628

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .entry-content a:hover {
        text-decoration: none!important;
        border-bottom: 1px dashed #000!important;
    }
    

    Best regards,
    Yigit

    #728634

    entry-content is working for ALL links in the main content, including pictures. Is it possible to make it applying only to the text ?

    #728637

    Hi,

    Can you please try changing the code to following instead

    .entry-content p a:hover {
        text-decoration: none!important;
        border-bottom: 1px dashed #000!important;
    }

    That should apply to links that are wrapped in P tags

    Best regards,
    Yigit

    #728647

    that’s better

    THANK YOU

    resolved

    #728652

    Hey!

    Not at all!
    Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘'text links hovering' appearance to change’ is closed to new replies.