Debut theme rounded images with text

Solved
GG9
Excursionist
19 0 2

Hi,

how can I make rounded images within the section image with text? The image below should have rounded corners. 

 

round.PNG

0 Likes
GG9
Excursionist
19 0 2

Adding the following code solved it:

.feature-row__image-wrapper {
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}

 

But does anyone here know how to add CSS code to just ONE specific section in shopify? 

0 Likes
Natztech
Shopify Partner
2127 545 1298

hello @GG9 


Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

0 Likes
GG9
Excursionist
19 0 2

@Natztech The URL is: https://v-gasser-1873.myshopify.com

password: earlyaccess

 

How can I make ONE section only use rounded images? How can I specify that in theme.css? Thanks for your help.

0 Likes
made4Uo
Trailblazer
269 10 64

Which section was it? I am trying to find the section to provide the exact code

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
made4Uo
Trailblazer
269 10 64

You have to copy the section ID. You can get the section ID by inspecting the page to open the dev tools

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
GG9
Excursionist
19 0 2

@made4Uo Thanks, the section ID is shopify-section-16292906183f293a23

0 Likes
made4Uo
Trailblazer
269 10 64

Hi, 

I dont know if this works but try it. I dont know if the section has a wrapper. Change the border radius on how much you want it to be rounded

#shopify-section-16292906183f293a23 > img {

border-radius: 1rem;

}

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
GG9
Excursionist
19 0 2

@made4Uo It didn't work, but it seems like it has a wrapper. It tells me FeatureRowImageWrapper-16292906183f293a23 in developer console

0 Likes
made4Uo
Trailblazer
269 10 64

Try applying the radius to the wrapper. It is hard to help you without seeing the element. Can you pin point where is this image in your website? 

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes