FROM CACHE - en_header

Debut theme rounded images with text

Solved
GG9
Explorer
50 1 5

Hi,

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

 

round.PNG

Accepted Solution (1)

Accepted Solutions
made4Uo
Shopify Partner
2589 474 704

This is an accepted solution.

Hi @GG9 ,

We need the image. Try this

#FeatureRowImage-16292906183f293a23 {

border-radius: 1rem; 

}

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 14 (14)
GG9
Explorer
50 1 5

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? 

Kinjaldavra
Shopify Partner
2302 569 1408

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
GG9
Explorer
50 1 5

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

made4Uo
Shopify Partner
2589 474 704

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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
made4Uo
Shopify Partner
2589 474 704

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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
GG9
Explorer
50 1 5

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

made4Uo
Shopify Partner
2589 474 704

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;

}

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
GG9
Explorer
50 1 5

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

made4Uo
Shopify Partner
2589 474 704

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? 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
made4Uo
Shopify Partner
2589 474 704

Actually, I think I know where. Here is the code, try this

#FeatureRowImageWrapper-16292906183f293a23 {

border-radius: 1rem;

}

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
GG9
Explorer
50 1 5

@made4Uo It didn't work. I did some highlighting for you to find the exact image and section.section.PNG

made4Uo
Shopify Partner
2589 474 704

This is an accepted solution.

Hi @GG9 ,

We need the image. Try this

#FeatureRowImage-16292906183f293a23 {

border-radius: 1rem; 

}

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
GG9
Explorer
50 1 5

This seems to work! Thanks a lot @made4Uo 

made4Uo
Shopify Partner
2589 474 704

Good to know. Can you provide click the solution so this issue will seen as resolve?

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.