Add Collection List below Collection Title

Store Design
, ,
1

Hi guys,

Looking for some help. Would like to put the collection list under the main collection title (as shown in image below). Any ideas? Using Flex theme from Out of the Sandbox.

URL: https://mrcoolhvacsupply.com/

Screenshot 2024-11-22 at 3.58.54 PM.png
Screenshot 2024-11-22 at 3.58.54 PM.png2840×1426 330 KB

2

Hello @NickGH14

Step 1 – Go to your theme code

  • In your Shopify admin, click Online Store → Themes.
  • Find the theme you’re working on and click Actions → Edit code.

Step 2 – Locate your stylesheet

  • In the left sidebar, open the Assets folder.
  • Look for a file named styles.css, theme.css, or base.css (depends on your theme).
    • If your theme has styles.css, click it.

Step 3 – Add your CSS at the bottom

Scroll all the way down to the bottom of that file and paste this code:

.collection-thumbnail-overlay {
  background-color: unset !important;
}

.collection-info__caption {
  position: relative !important;
}

span.title {
  color: black !important;
  font-size: 16px !important;
}

Step 4 – Save changes

Click the Save button (top right).

Step 5 – Check your store