Jump to content

Only add a border around specific summary block images

Recommended Posts

Site URL: http://faceoflove.co

I applied a code to add a border around the images in my summary blocks. I did need this code to affect the majority of the summary block photos with the exception of 2 blocks.  Is it possible to target specific summary blocks with this code so it does not apply to the 2 summary blocks where the border around the photos is not needed.

this is the code that I used:

.sqs-block-summary-v2 .img-wrapper, .sqs-block-summary-v2 .sqs-video-wrapper {border: 1px solid #E1D8D1;}

Link to comment

You can target block id, use this code

#summary-block-id-here .img-wrapper, #summary-block-id-here .sqs-video-wrapper {
	border: 1px solid #E1D8D1;
}

Use this tool to find summary block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/29/2022 at 8:21 AM, nahlah said:

on one of my summary blocks the code doesn't wrap around the image perfectly on mobile. The right side of the border goes off the screen

Screen Shot 2022-08-28 at 9.20.55 PM.png

Hi,

Which page are you referring to? I don't see it on homepage

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/31/2022 at 9:52 AM, nahlah said:

This section is a summary block, on desktop the border wraps around perfectly but on mobile it doesn't

Screen Shot 2022-08-30 at 10.51.14 PM.png

Hi,

It looks fine to me. Did you solve it? Can you share solution for other members?

image.thumb.png.71113a4282ba76ee8e79373f01a9d93f.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/3/2022 at 4:37 AM, tuanphan said:

Hi,

It looks fine to me. Did you solve it? Can you share solution for other members?

image.thumb.png.71113a4282ba76ee8e79373f01a9d93f.png

I don't exactly know how it was fixed, I ended up getting help from squaremuse where I purchased the custom summary block code I didn't want to mess anything up with the code they created. But I do highly recommend the work they do!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.