Okay
  Public Ticket #3458561
Links underlining
Closed

Comments

  •  6
    Adel-autodel started the conversation

    Hello, 

    On my webite, when a link is on hover, it is automatically underlined. How to remove this effect from all the links and buttons please?

    Thank you very much!

    Kind regards

  •  1,558
    Laborator replied

    Hi there,

    To remove the underline completely add this CSS to Custom CSS:

    .site-footer a:after, .wrapper a:after {
        background-color: transparent !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  6
    Adel-autodel replied

    Awesome, it works thank you so much! 

    Best regards.

  •  15
    hahni replied

    Is there an easy CSS way to "activate" the hover functionality in normal state for a (defined) link? 

    If the site colors are not made for differeantiating the links directly it could be nice to "mark" these links with the underlining in normal state if they are as text in normal text. My idea was to set these into a span and set a class. But i dont want to overwrite too much things. Do you have a quick idea or should i try some things?

      

  •  1,558
    Laborator replied

    Hi André,

    I am not sure I understand your question right, do you want to revert the link styling functionality, in normal state to be underlined while on hover the underline to be removed? Could you please explain in more details and if possible include a screenshot or image example of what you want to achieve.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  15
    hahni replied

    I wanted to get text links in normal text (like <p> text tags) which are more present. Based on my design these links have the same color like normal text. Therefore i thought that it was nice to have the links always underlined. Underlined without hovering.

    Now it works and i made this with a new class for these "embedded" links with:

    a.link-visible:after {
        width: 100%
    }

    And in my <p> text i add this class manually to the link in page builder. Thanks for your hint to the other customer with the "width" style. In my screenshot there are two links with the added class.

    Attached files:  Screenshot (372).png