• Resolved dave7766

    (@dave7766)


    When using the Elementor canvas, hyperlinks are not underlined, when using default template they are.
    Various solutions were explored including these proposed solutions

    .elementor a,
    .elementor a:visited {
          text-decoration: underline;	    
    }
    
    .entry-content a {
        text-decoration: underline;
    }
    
    .entry-content a {
        border-bottom: 1px solid #0a9e01;
    }
    

    Using a child theme.

    Enter code in Additional CSS /Style.CSS
    Neither added underline.

    Then added following code.

    .elementor a,
    .elementor a:visited {
          text-decoration: underline;	    
    }
    
    .entry-content a {
        text-decoration: underline;
    }

    .entry-content a {
    border-bottom: 1px solid #0a9e01;
    }`

    This added underline to all hyperlinks, menu and breadcrumbs, not what was wanted.
    The answer came from Elementor support Andri .

    This code works both in additional and style css.

    .elementor .menu-item a, .elementor .elementor-widget-wp-widget-custom_html a {
        text-decoration: none;
        border-bottom: none;
    }

    Hope this helps any one who has a similar problem.

Viewing 1 replies (of 1 total)
  • KC

    (@benxy20gylinxu)

    @dave7766

    Hi there,
    Thanks for your sharing, I had the issue and your shared info helps. thanks. a lot. Along with express my appreciation, I am curious why this happen? Does Elementor author made this happen on purpose? I hope someone who see this can shad some light, thanks.

    Regards,

    KC

Viewing 1 replies (of 1 total)
  • The topic ‘Hyperlink showing/not showing’ is closed to new replies.