Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 30, 2021 at 6:58 pm #1313506
    omshiva

    Hi – I have added code to my Quick CSS to attempt to remove the underline from all buttons. Here are the top three lines. Possibly one of them is countering the other:

    
/*Remove underline from footer links*/
#footer .widget a {text-decoration: none !important
}

/*Remove underline from button links*/
.avia-button {text-decoration:none !important;
}

/*Add underline to main content*/
#main a {text-decoration:underline !important;
}

    So, I want underlines on regular page content, but not on the footer or on buttons. The footer is working fine, but the buttons are still showing underlines. What am I doing wrong?
    Thanks!

    • This topic was modified 3 years, 3 months ago by omshiva.
    August 1, 2021 at 10:07 pm #1313744
    Mike

    Hey omshiva,
    Thank you for your patience and for the link to your page. Your css is conflicting because the css rule with the ID (#main) has a higher specificity than the simple button class.
    Try changing these rules:

    /*Add underline to main content*/
#main a:not(.avia-button) {text-decoration:underline !important;}
/*Remove underline from footer links*/
#footer > div > div > .widget a {text-decoration: none !important;}
/*Remove underline from button links*/
.avia-button {text-decoration:none !important;}

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.