Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 2, 2017 at 1:46 pm #728536
    Anton

    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?

    January 2, 2017 at 1:47 pm #728538
    Yigit

    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

    January 2, 2017 at 1:59 pm #728549
    Anton

    Unfortunately it doesn’t change anything

    January 2, 2017 at 2:01 pm #728552
    Yigit

    Hi!

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

    Best regards,
    Yigit

    January 2, 2017 at 2:07 pm #728561
    Anton

    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.

    January 2, 2017 at 2:18 pm #728566
    Yigit

    Hi!

    Please try following 

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

    Cheers!
    Yigit

    January 2, 2017 at 2:32 pm #728582
    Anton

    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

    January 2, 2017 at 2:45 pm #728602
    Yigit

    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

    January 2, 2017 at 3:19 pm #728625
    Anton

    And can you do the same for those links ?
    picture

    Some Advice to Theresa May on Dealing with Russia

    • This reply was modified 7 years, 10 months ago by Anton.
    January 2, 2017 at 3:21 pm #728628
    Yigit

    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

    January 2, 2017 at 3:30 pm #728634
    Anton

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

    January 2, 2017 at 3:33 pm #728637
    Yigit

    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

    January 2, 2017 at 3:51 pm #728647
    Anton

    that’s better

    THANK YOU

    resolved

    January 2, 2017 at 4:00 pm #728652
    Yigit

    Hey!

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

    Best regards,
    Yigit

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