Need to round corners to 20px on product/shop images

Site URL: https://studiovista.squarespace.com

I have rounded the corners of all the images on my website but I can't round the images on the shop and individual product pages. Can someone please help me. 

studiovista.squarespace.com

password studiovista

It's still in building phase. See screenshots for reference.

.ProductItem-gallery-slides-item, .grid-image {
    border-radius: 20px!important; 
}

Adjust the px as you'd like.

Thank you - that's worked! 

I need to also do it to the images on the portfolio - projects page, when you hover over the project name

While I have you as well - I also need to change the font for the project names. (Ragazzi - Fabricca etc. ) on this page and also the individual project pages where you can click to the next project at the bottom with the arrow.  

Thanks! 

Quote

 

img {
    border-radius: 20px;
}

Try that for all the images. 

Quote

.item-pagination-title, .portfolio-hover-item-content {
    font-family: radley !important; 
}

Try this one to change the font. Change radley to the font you like.

THANK YOU.

One more thing. 

How do I change the colour of the burger menu on the home screen for mobile - see screenshots with box around where the burger is - I need it to be dark before it opens but stay the beige colour when against the brown. 

Thank you so much. 

On 8/19/2022 at 12:02 PM, teyashannon said:

One more thing. 

How do I change the colour of the burger menu on the home screen for mobile - see screenshots with box around where the burger is - I need it to be dark before it opens but stay the beige colour when against the brown. 

Thank you so much. 

Try adding this to Design > Custom CSS

body:not(.header--menu-open) .burger-inner>div {
	background-color: black !important;
}

Thank you 🙂

On 8/18/2022 at 1:16 PM, izzyswebsite said:

.ProductItem-gallery-slides-item, .grid-image {
    border-radius: 20px!important; 
}

Adjust the px as you'd like.

This works in desktop display but the mobile version does not work 😕

On 1/31/2023 at 9:58 AM, Arch-kid said:

This works in desktop display but the mobile version does not work 😕

Can you share link to product on your site? We can adjust code easier