Shopify themes, liquid, logos, and UX
Hi,
how can I make rounded images within the section image with text? The image below should have rounded corners.
Solved! Go to the solution
This is an accepted solution.
Hi @GG9 ,
We need the image. Try this
#FeatureRowImage-16292906183f293a23 {
border-radius: 1rem;
}
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?
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.
How can I make ONE section only use rounded images? How can I specify that in theme.css? Thanks for your help.
Which section was it? I am trying to find the section to provide the exact code
You have to copy the section ID. You can get the section ID by inspecting the page to open the dev tools
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;
}
@made4Uo It didn't work, but it seems like it has a wrapper. It tells me FeatureRowImageWrapper-16292906183f293a23 in developer console
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?
Actually, I think I know where. Here is the code, try this
#FeatureRowImageWrapper-16292906183f293a23 {
border-radius: 1rem;
}
@made4Uo It didn't work. I did some highlighting for you to find the exact image and section.
This is an accepted solution.
Hi @GG9 ,
We need the image. Try this
#FeatureRowImage-16292906183f293a23 {
border-radius: 1rem;
}
Good to know. Can you provide click the solution so this issue will seen as resolve?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024