Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 4, 2019 at 9:15 pm #1115913
    Kelly Erickson

    Hi Enfold team!

    I am using the following code to underline ALL links on my site (for WCAG compliance):

    #main a,#main .sidebar a,#footer a,#socket a, #main p a {
    text-decoration: underline !important; 
}
a.avia-button,a span.avia_iconbox_title,#top .av_font_icon a.av-icon-char {
    text-decoration: none!important;
}

    Problem is it’s underlining my buttons. I’ve tried the following code to keep that from happening but it’s not quite working: 

    .avia-button {
text-decoration: none!important;
}

    Thank you in advance!

    July 6, 2019 at 8:06 am #1116174
    Rikard

    Hey kellyCraftMedia,

    You are already using !important in the arguments for #main a for instance, try removing that bit to see if it helps.

    Best regards,
    Rikard

    July 6, 2019 at 8:07 am #1116176
    Rikard

    Hi again,

    Or you could try using the :not selector: https://www.w3schools.com/cssref/sel_not.asp

    Best regards,
    Rikard

    July 6, 2019 at 9:41 pm #1116339
    Kelly Erickson

    Hi Rikard!

    Removing the !important argument from #main worked! Only one problem left that I’ve just realized: The social media icons in the footer are now underlined partially. I’m looking into my Quick CSS code but if you have a quick fix, that’d be great!

    Thank you!

    July 7, 2019 at 5:38 am #1116369
    Rikard

    Hi,

    Please try this CSS as well, you might have to use !important if it doesn’t work:

    .footer_centered a {
  text-decoration:none;
}

    Best regards,
    Rikard

    July 8, 2019 at 6:34 pm #1116744
    Kelly Erickson

    Worked by adding the important argument.

    THANK YOU!

    July 9, 2019 at 12:42 am #1116805
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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