Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1313506

    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 2 years, 10 months ago by omshiva.
    #1313744

    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

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