How can I change my homepage photos to an arched shape?

[jenajune]

I want to change the photos on my home page under the main header photo to be an arched shape and the same size. I have tried a code I found on here but it did not work. Any tips would be appreciated!

[EwaFromEcomNoon]

Hello Jenajune
This can be achieved with custom CSS code. Please share the link to your store so I can investigate it and give you the best answer.

[jenajune]

Thank you so much!

https://wovensol.com

[EwaFromEcomNoon]

You can paste this code in the section styles to achieve this look on the desktop.

#shopify-section-506c1f7d-9bcf-4eb9-9487-08181fbae338 .flex-grid__item {
flex-basis: 50%;
}

#shopify-section-506c1f7d-9bcf-4eb9-9487-08181fbae338 .flex-grid__item > * {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

Please bear in mind that this needs to be adjusted to work on different devices. I think what you really need is a design consultation to figure out what you are exactly looking for and a flexible implementation of this that will work on multiple elements throughout your shop so it looks consistent.

[mytasmanianhome]

Hello,

How would you go about making each product into an arched shape and not just on the main page. Could you use the same coding?

Please see picture as example