Jump to content

Remove hyperlink from pop-up button with CSS

Recommended Posts

Site URL: https://www.thehenleygroup.com/

I am trying to take away the underline from the pop-up button. A previous web person added a CSS that requires the underline for hyperlinks on the site.

I found through Inspect Element that "body a" controls the underline, but I can't trace back what #block or #collection or #page to specifically use in CSS to get the underline to turn off. 

I tried the following as a test for one of the buttons, and it didn't work:

#block-yui_3_17_2_1_1592286569957_333 body a {

text-decoration:none !important;


Any help you can offer? Thanks

Screen Shot 2020-06-15 at 10.59.15 PM.png

Link to comment
  • Replies 3
  • Views 939
  • Created
  • Last Reply

It seems this is the source, so I tried this, and it did not work.

.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-auto [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline-auto [data-slice-type="buttons"] ul li a    { text-decoration: none! important;


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.