Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
JohnRD

Unable to find correct ID for images in image block

Recommended Posts

I'm attempting to round the corners on my images on two different image blocks. Since Squarespace doesn't seem to natively support rounding corners on images, I was going to do some custom CSS work to round them out. I found this blog entry that gave me the script I needed to enter, but I can't actually properly references the images themselves - only the blocks.

For example, here's a test case I built. I have two image blocks here, both set to the Poster design. This is on one of the default templates without any major changes, save for swapping out some text.
image.png.d70d02944e6ad1e0ca75cbcbcfe4af39.png

If I hit inspect, the only ID I can find is for the blocks themselves, not the images. I could just be missing it, but this seems to be the only ID that doesn't start with yui (which I was told isn't static and will change every time the page is reloaded). 
image.thumb.png.5dae4dd0373e7ba476e8b39324b39e59.png

If I reference this ID when I try to round my corners, I end up with this - a rounded image block. (I'm also not sure why every time I go into edit mode, the formatting on my test photos I'm using seem to break but that's a whole 'nother thing)
image.png.d6810c2b2e233414e94adc0d1b916780.png


I'm really new to all of this, so it's totally possible I just have the whole thing completely wrong. Anyone got any pointers?

Thanks!

Edited by JohnRD

Share this post


Link to post
27 minutes ago, tuanphan said:

You should share link to check.

https://www.johndunford.com


I'm using those two image blocks at the bottom to test.

Share this post


Link to post
3 hours ago, JohnRD said:

https://www.johndunford.com


I'm using those two image blocks at the bottom to test.

Add to Home > Design > Custom CSS

div#page-5dc045bc3ce47a0b8c4fee4a .image-inset {
    border-radius: 50px;
}

 

Share this post


Link to post

That's perfect -it works! How did you find that ID? I don't see it listed there at all.

17 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


div#page-5dc045bc3ce47a0b8c4fee4a .image-inset {
    border-radius: 50px;
}

 

 

Share this post


Link to post
17 hours ago, JohnRD said:

That's perfect -it works! How did you find that ID? I don't see it listed there at all.

 

You need to know html/css....

Edited by tuanphan

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...