Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 23, 2022 at 6:25 pm #1336764
    prerules

    I am not good at CSS and I can’t figure this out.
    In the general styling section of the Enfold settings, it shows all the links as underlined. However, on the live site, they are not.
    I would like to have the links in the main body and footer of the pages to be underlined. How can I do this? (I don’t want the menu items underlined).

    January 23, 2022 at 8:27 pm #1336773
    Mike

    Hey prerules,
    Thank you for your question, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #main a, #footer a {
    text-decoration: underline;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 23, 2022 at 8:55 pm #1336775
    prerules

    Thanks!
    That works great. However, it also underlines buttons. Is there a way so that it is only in text?

    January 23, 2022 at 10:37 pm #1336778
    Mike

    Hi,
    Please try this instead:

    #main a:not(.avia-button), #footer a:not(.avia-button) {
    text-decoration: underline;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 23, 2022 at 10:40 pm #1336779
    prerules

    Perfect!
    Thank you so much!

    January 23, 2022 at 11:27 pm #1336785
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘underline links’ is closed to new replies.