Okay
  Public Ticket #3205728
Adding default underline for links
Closed

Comments

  • s_karon started the conversation

    Hi there, I'd like all of my hyperlinks to be underlined by default. I added custom CSS to my site to do this, which works, BUT it resulted in all my Call to Action links being underlined twice, which I don't want.

    Is there a way to ensure all of my simple hyperlinks (links I add to split line headings, text blocks, etc.) are underlined, without it affecting the style of my Call to Action links? 

    For reference, I imported the Robust eCommerce demo, and that's what I've been using to build part of my site. Thanks!

  •  2,723
    Andrew replied

    Hello there,

    Thank you for reaching out to us.

    Could you please share your site URL so we can look into this for you?

    Kind regards,

  •   s_karon replied privately
  •  8,403
    Tahir replied

    Hey Again,

    Try adjusting these fields: 

    8540440328.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  • s_karon replied

    Hi Tahir, thanks so much. This worked great.

    Is there a way to make the hyperlink underline appear and disappear on hover? I love how the Call to Action links are configured. Is there a way to replicate that effect for standard links?

    I thought I could configure this in Salient > General Settings by adjusting the Animated Underline Type, but that doesn't appear to work. Do I need to add custom CSS to add a "reveal and disappear" underline hover effect for standard links? Thank you for your help.

  •  1,644
    Judith replied

    Hi Karon.

    You can use css to remove the underline on hover.

    Thanks.

  •   s_karon replied privately
  •  8,403
    Tahir replied

    Hey Again,

    Those elements are designed to work in that manner therefore the needed html markup is already in there. 

    No, I am afraid its not possible with CSS alone either. 

    Thanks 


    ThemeNectar Support Team 

  •   s_karon replied privately
  •  8,403
    Tahir replied

    Hey Again,

    You can add a line underneath the links using the below CSS:

    h1{
    text-decoration: underline;
    }
    

    However for the Salient Specific effect the Html markup would have to be changed so its not possible with CSS alone.

    Thanks 


    ThemeNectar Support Team