Remove Space above "View All" in Collection Section

Solved

Remove Space above "View All" in Collection Section

CWasterlain
New Member
6 0 0

Hi There - On my homepage, one of my collections (nursery items) has no space above "View All" and the other (flower prints) has extra white space. I need to remove the extra white space above "view all" for the flower print collection. Please help!Screen Shot 2024-04-02 at 8.47.40 AM.pngScreen Shot 2024-04-02 at 8.47.47 AM.png

Accepted Solution (1)
Vinsinfo
Shopify Partner
396 138 133

This is an accepted solution.

@CWasterlain Please follow the below steps to remove the extra white space above the floral prints section. Let me know whether it is helpful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Click the "Floral prints" section and paste below code in the "Custom CSS" field like below attached image.

 

[data-section-type="featured-collection"] {
    padding-top: 0px !important;
}

 

Vinsinfo_0-1712068529690.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 5 (5)

Vinsinfo
Shopify Partner
396 138 133

@CWasterlain Please share your store URL to help you on this.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
CWasterlain
New Member
6 0 0
Vinsinfo
Shopify Partner
396 138 133

This is an accepted solution.

@CWasterlain Please follow the below steps to remove the extra white space above the floral prints section. Let me know whether it is helpful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Click the "Floral prints" section and paste below code in the "Custom CSS" field like below attached image.

 

[data-section-type="featured-collection"] {
    padding-top: 0px !important;
}

 

Vinsinfo_0-1712068529690.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
CWasterlain
New Member
6 0 0

Omg thank you!!!

Vinsinfo
Shopify Partner
396 138 133

@CWasterlain Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support!

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support