I’m looking at increasing the white space between featured collection description and the featured products. Can’t seem to find an answer, so I’m reaching out here.
Topic summary
A user seeks to increase white space between the featured collection description and products in the Dawn theme. After sharing their store URL and password, they receive a CSS solution:
Solution provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add this code at the bottom:
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
padding-bottom: 44px;
}
Key details:
- Padding size (44px) can be adjusted to preference
- The solution successfully resolved the spacing issue
- User confirmed it worked as intended
1 Like
Hi @Richey
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
1 Like
Thanks for the info,
Try this one.
- 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, style.css or theme.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:
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
padding-bottom: 44px;
}
-
And Save.
-
Result:
-
Note: You can change the space/padding the sizes you like.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
You’re a star. Thanks so much!
1 Like