Okay
  Public Ticket #2194135
Img link styling
Closed

Comments

  • landerson86 started the conversation
    October 24, 2019 at 3:41am

    Hello there,

    I'm having a hard time removing the underline from img links. I've tried it all from :

    a:hover {
      text-decoration: none !important;
    }

    to

    .wrapper a:after, footer.main-footer a:after {
        display: none !important;
    }

    The latter was successful at removing all link underline styling, but I'd really like to only remove that underline from linked images. 

    Any thoughts?

    Thanks a million,

    Lesley

  • [deleted] replied
    October 24, 2019 at 7:20am

    Hi Lesley,

    Can you please add the code below to your Custom CSS area:

    .elementor-image a:after {
    background-color: transparent;
}

    Have a nice day!

  • landerson86 replied
    October 24, 2019 at 6:09pm

    Worked like a charm, thanks so much. 

    Now that I have you, can you provide the class to target link styling in general? I might want to adjust this slightly (e.g. a dotted underline for example)

    Lesley

  • [deleted] replied
    October 25, 2019 at 6:32am

    Hi Lesley,

    I' happy to hear thatsmile.png

    As for your last question:

    This is the CSS code that we use to animate the underline line animation:

    .site-footer a:after, .wrapper a:after {
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 0;
    height: 1px;
    background-color: #00b19e;
    -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.075);
    transition: all .3s cubic-bezier(.175,.885,.32,1.075);
}

    I wish you have a very nice day!

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab. A huge thank you from me and Laborator in advance.

  • landerson86 replied
    October 28, 2019 at 12:38am

    Hi Ylli,

    I'm having another underline issue this time on elementor buttons. You can see it here: http://lesleydesignedthis.com/sues-jerky

    I tried the css below with no luck. Any idea?

    elementor-button-link a:after {
        background-color: transparent;
    }

    Thanks again for all your help,

    Lesley

  • [deleted] replied
    November 1, 2019 at 10:16am

    Hi Lesley,

    Please add the code below to your Custom CSS area:

    .elementor-button:after {
    background-color: transparent !important;
}

    Have a nice day!

    Will set this ticket as solved from here.