Jump to content

7.1, How to link Button Width to Image Block?

Recommended Posts

Site URL: https://bugle-mandarin-klpp.squarespace.com/

Hello,

I am new to CSS and am struggling to find an answer to this question. I have an image stack set up with a button, but no caption. I want to link the width size of the button to the width of the image in the block and have them scale together.

I found a similar question on this forum where the code given was:

Quote


div#page-section-5eb2b29fb97ad6400217a956 {
	figcaption.image-card-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.image-button-inner {
    width: 100% !important;
    overflow: hidden;
}
}

but my button doesn't respond to that, even with the correct ID. I assume because I don't have a caption?

Thank you!!

 

ETA: Site password: buttons

Link to comment
  • Replies 1
  • Views 445
  • Created
  • Last Reply
On 4/16/2021 at 2:02 AM, alyssasantodesign said:

Site URL: https://bugle-mandarin-klpp.squarespace.com/

Hello,

I am new to CSS and am struggling to find an answer to this question. I have an image stack set up with a button, but no caption. I want to link the width size of the button to the width of the image in the block and have them scale together.

I found a similar question on this forum where the code given was:

but my button doesn't respond to that, even with the correct ID. I assume because I don't have a caption?

Thank you!!

 

ETA: Site password: buttons

Is this the buttons you mentioned about? did you get it solve?

image.png.457a1143c4175c363c834adcc2810ce5.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.