Jump to content

Customize pop-up buttons

Recommended Posts

Site URL: https://thehenleygroup.com

I cannot remove the hyperlink from the pop-up buttons, a seemingly easy problem.

Tried these two things, inserting on the last line of the Custom CSS, with no success:

.sqs-slice a {
    text-decoration: none !important;

And this:

.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;
  }

This is the current full CSS:

.footer-inner {
    padding: 0px 32px;
}
#footerBlocks p {
   font-size: 13px;
 }

 #preFooter {
   display: none;
 }

.collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper {
    padding: 20px 0;
}

#page-5cf539102abda6000194c061 p {
  font-size: 18px;
}

body a {
   text-decoration: underline !important;
 }
a {
  text-decoration-color: #134a5d !important;
 }
nav a {
     text-decoration: none !important;
}
.sqs-block-button-container--center a {
  text-decoration: none !important;
}
#intro a {
  text-decoration: none !important;
}
#bottom-hero-image a {
    text-decoration: none !important;

}

.summary-title a {
  text-decoration: none !important;
}

.image-slide-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #134a5d !important;
}
.summary-thumbnail-container, .summary-title-link {pointer-events: none !important;}

#our-mission .desc-wrapper p > strong {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #a1bb5c !important;
  letter-spacing: .03em;
}

#our-mission .desc-wrapper p {
  font-size: 18px;
  text-align: left;
  letter-spacing: .02em;
}

.sqs-block-content a, .sqs-block-content a:visited {border: none !important;}

.back-to-top-nav{display: none;}
.collection-type-index .page-content {
    max-width: 1020px;
    margin: 0 auto;
    padding: 96px 32px 20px 32px;
}
#page {
    padding: 32px 32px 20px 32px;
}
.collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, 
.collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper {
    padding: 0;
}
.collection-type-index .page-content {
    max-width: 1020px;
    margin: 0 auto;
    padding: 32px 32px;
}
.homepage #testimonial .desc-wrapper p > strong{
font-size: 96px; 
  line-height: 1em;
}
  #block-yui_3_17_2_1_1559320967760_20092
{
padding-top: 0; 
}
#block-yui_3_17_2_1_1559246057539_3760
{
padding-bottom: 0; 
}
.homepage #footerBlocks:not(.empty) {
    margin-top: 0;
}
#footer .footer-inner .sqs-block-content.sqs-intrinsic
{
padding-bottom: 0 !important;
}
#footer .footer-inner .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, 
#footer .footer-inner.sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-bottom: 0;
}
#footer #block-yui_3_17_2_1_1559158104048_14962 .sqs-block-content,
#footer #block-yui_3_17_2_1_1572528983610_8771 .sqs-block-content
{
padding-top: 17px; 
}
.social-icon-alignment-center .sqs-svg-icon--list {
    text-align: center;
}
#block-yui_3_17_2_1_1572528983610_10705 .sqs-block-content
{
padding-bottom: 35px;
}
div.footer-inner 
div.sqs-layout 
div.row.sqs-row:nth-child(2)
{
background: transparent; 
}
div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2)
{
  width: 45%;
  text-align: right;
}

div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3)
{
  width: 10%;
  text-align: left;
}
div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p {
    font-size: 15px !important;
  text-decoration: none;
}
div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p a {
  text-decoration: none;
}
#footer .html-block a, #footer .html-block a:visited {
    text-decoration: none !important;
}
.form-wrapper .field-list .field .option {
    font-size: 18px;
}
.form-wrapper .field-list .field .option {
    font-size: 18px;
}
@media only screen and (max-width: 640px)
{
.sqs-block[class*=float-right] {
    float: none;
    margin-left: 0;
}
.sqs-layout [class*=sqs-col] {
    padding-top: 0;
    padding-bottom: 0;
}
.sqs-layout:not(.sqs-editing)>.sqs-row:last-child>[class*=sqs-col]:last-child>.sqs-block:last-child {
    padding-bottom: 0;
    padding-top: 0;
}
div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2)
{
  text-align: center;
}
div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) *
{
  padding: 0 !important;
  margin: 0;
}

}

Thanks for any help!

Link to comment
  • Replies 3
  • Views 2k
  • Created
  • Last Reply

Is this what you need

.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="buttons"] li a {
  text-decoration: none !important;
}

 

image.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

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.