Collection Tab Issues ( Dawn Theme )

[dreamtechzone_5]

Hello Everyone!

I have added collection tabs through coding. But I noticed some problems. I want to keep space above and below the tab section in desktop and mobile mode. Please help me. Thanks.

Store: https://delicious-fruits-vegetables.myshopify.com/

Password: Admin

[Ahmad31]

• Go to Shopify Admin > Online Store > Themes.
• Find your current theme (e.g.Dawn, etc.) and click "Edit code".
• In the left sidebar, scroll down to the "Assets" folder.
• Open base.css, theme.css, or theme.scss.liquid (whichever exists in your theme).
• Scroll to the bottom of the file and paste this CSS:

#shopify-section-template--16764210806851__tabbed_collections_Gg4j3D {
    padding-top: 50px;  /* Adjust as needed */
    padding-bottom: 50px; /* Adjust as needed */
}

• save the file and check the changes 

[LizHoang · Accepted solution]

Hi @dreamtechzone_5 

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.tabs {
    padding-top: 20px !important;
}

div#shopify-section-template--16764210806851__tabbed_collections_Gg4j3D {
    margin: 30px 0 !important;
}

Result:

Best,

Liz

[dreamtechzone_5]

Thank you so much. It worked. Also, I want to keep the collection tab's font text "Americana" in both desktop and mobile mode. Please help me.