How to remove Collection, Featured Collection border on dawn theme

Shopify Discussion

Topic summary

A user seeks help removing borders from Collection and Featured Collection sections in Shopify’s Dawn theme, sharing a screenshot showing the unwanted borders.

Proposed Solution:
One community member provides step-by-step CSS instructions:

  • Navigate to Online Store > Themes > Actions > Edit code
  • Open the base.css file in the Assets folder
  • Add CSS code at the bottom to remove borders from the featured collection slider element
  • Save changes

The helper requests the website URL (with password if protected) if the solution doesn’t work.

Status: Another community member also offers assistance and requests the site URL to investigate further. The issue remains unresolved pending user response and testing of the proposed CSS fix.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

macnxtdoor_0-1687381432737.png
macnxtdoor_0-1687381432737.png1179Ă—506 153 KB

2 Likes
2

Hi @macnxtdoor ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
  4. And Save.
ul#Slider-template--15698456608868__featured_collection li {
    border: none;
}

If this doesnt work, would you mind to share your URL website with password if its protected?

Thanks!

3

@macnxtdoor

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.