Square Border radius image - collection section - Publisher

Topic summary

Goal: make all images square-cornered (border-radius: 0px) in the Shopify Publisher theme beyond the product page, especially in collection lists and the “You may also like” section.

Key steps and attempts:

  • Helpers requested the preview URL (store is password-protected). The OP shared two preview links and pointed to the “sillones” collection to see the issue.
  • Suggested fix: add CSS in Assets > base.css to target cards — .card .card__inner .card__media { border-radius: 0px; }. A screenshot showed squared cards, but the OP reported no change for the relevant sections.
  • One helper couldn’t find the collection list and asked for an updated preview link after the first expired. The OP provided a new preview link.
  • Another suggestion was to add code in theme.liquid above the tag, but the exact code isn’t visible in the post (only a screenshot is referenced).

Notes:

  • Images/screenshots and preview links are central to understanding the issue.
  • Status: unresolved/ongoing. Further accurate CSS selectors or placement may be needed to affect collection and recommendation sections.
Summarized with AI on January 25. AI used: gpt-5.

Hey there,

I’m trying to change the code of Publisher theme of putting square border radius (0px) and I made it with the photos on the product page, but I can’t change it on the other sections, most likely collection list or “you may also like” section.

Can you help me please?

Thanks

1 Like

Hey @danbot
Kindly share your Store URL and Password if enabled

Hi @danbot ,

Would you mind to share your URL website with password if its protected? Thanks!

https://3o3jq1ts234comol-76040929610.shopifypreview.com

1 Like

Thank you for the information.

Try this.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

And Save.

.card .card__inner .card__media {
    border-radius: 0px;
}

Result:

I cant fnd the collection list.

I hope it help.

Hi,

For collection, please click on “sillones”

Now i try with what you reply to me

Thanks, you are very kind!

I did what you told me but nothing changed

1 Like

Oh sorry for that, Would you mind to share the URL website? The preview already expire, I want to check it again what happen. Thanks!

https://rbnh8e1lzssd1z1y-76040929610.shopifypreview.com

Here you have!

Thanks thanks

Hey @danbot

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like