Happening now | Shopify Community AMA: Ecommerce Fundamentals with 2H Media | Ask your questions now!

Re: Increase padding on featured collection Dawn theme

Solved

Increase padding on featured collection Dawn theme

Richey
Tourist
10 0 5

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. 

Screenshot 2023-11-06 at 18.35.54.png

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10202 2422 3068

This is an accepted solution.

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:
  • Made4uoRibe_0-1699380075548.png

     

  • 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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
10202 2422 3068

Hi @Richey 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Richey
Tourist
10 0 5

https://3c829e-2.myshopify.com/

password: Thankyou

🙂

Made4uo-Ribe
Shopify Partner
10202 2422 3068

This is an accepted solution.

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:
  • Made4uoRibe_0-1699380075548.png

     

  • 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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Richey
Tourist
10 0 5

You're a star. Thanks so much!