Hi,
Im using dawn theme - I’d like to make the grid images smaller so they don’t fill the whole space. Also move the vendor name ABOVE the title. my site is https://scntwrld.com
This section requires modifying the theme source code. You can entrust a Shopify Partner to do it for you. Feel free to DM me if you need anything.
i’M OK WITH THE SOURCE CODE, JUST NEED THE CODE TO PUT IN,.
There is a couple of settings you can fiddle with in Theme Settings-> Product Cards:
“Image padding” and also “Border Thickness” (as log as you keep the “Opacity” at zero)
You can also do this with CSS, like this:
.card__media img {
border: 20px solid transparent;
}
To relocate the Vendor line, you need to edit code – move these lines
to be above this line:
if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it
The snippet change I did but it didn’t move the vendor to the top
It did on a homepage, didn’t it?
Your collection page seem to be rendered by an “AI Search & Product Filter” App, so you’d need to check where the app is configured.
You’d need to follow this procedure Customize layout | Sobooster Documentation
There is an assets/usf.js where it is defined how your product cards should look, but you should not edit it directly, as it’s overwritten often:
