Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Dawn theme - Reduce blank space under Featured collection header

Solved

Dawn theme - Reduce blank space under Featured collection header

Moujik
Tourist
4 0 0

Dears,

 

I’ve been looking for the solution to my problem for hours but everything I’ve tried doesn’t work.

On my homepage I would like to reduce the space between the heading of my Featured collections and the images below.

My url is : www.shkoonshop.com

Featured collection 1.jpgFeatured collection 2.jpg

Could you help me please?

Thank you!

Accepted Solutions (2)

StudioEnchant
Shopify Partner
245 40 39

This is an accepted solution.

Hey @Moujik,

please note that the problem you are facing caused because of the product images that are too tall and are not centered. Fixing the images will resolve your problem.

StudioEnchant_0-1697124497558.png

 

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.

View solution in original post

StudioEnchant
Shopify Partner
245 40 39

This is an accepted solution.

Go to Online Store -> Themes -> Edit code, then go to the file called base.css and paste the code at bottom of it

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.

View solution in original post

Replies 8 (8)

StudioEnchant
Shopify Partner
245 40 39

This is an accepted solution.

Hey @Moujik,

please note that the problem you are facing caused because of the product images that are too tall and are not centered. Fixing the images will resolve your problem.

StudioEnchant_0-1697124497558.png

 

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
Moujik
Tourist
4 0 0

Thank you so much!

I had to change the Image ratio in the Featured collection/Product card section and it reduced the blank space.

 

Another (last?) question :

 

This time, how could I add blank space between the bottom of my Instagram Feed app and the heading of my Featured collection ??

There is no change when I edit the Top padding.

Featured collection.jpg

StudioEnchant
Shopify Partner
245 40 39

Use the following code:

#rap__med__instagram {
    margin-bottom: 2rem;
}

if we helped you please mark this reply as a solution!

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
Moujik
Tourist
4 0 0

Where should I add this code please?

StudioEnchant
Shopify Partner
245 40 39

This is an accepted solution.

Go to Online Store -> Themes -> Edit code, then go to the file called base.css and paste the code at bottom of it

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
Moujik
Tourist
4 0 0

Got it! It works! Thank you so much.

PageFly-Henry
Shopify Partner
1184 335 292

HI @Moujik 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-card.css

Step 3: Paste the below code at bottom of the file -> Save

 

.collection__title.title-wrapper, title-wrapper-with-link  {

    margin-bottom: 0 !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

StudioEnchant
Shopify Partner
245 40 39

Hey,

You can paste the following code to the bottom of your base.css file:

.collection__title.title-wrapper {
    margin-bottom: -2rem;
}

Note that this is NOT the optimal solution, and the best solution is fixing the pictures, as we mentioned before.

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.