Spacing between View All button and Products

[lachiegould]

I have an Our Favourites section on my website that is displayed in a Featured Collection section. 

The section is laid out like this:

- Title: Our Favourites 

- Two Products side by side that take up the entire width of the page. 

- View all button 

- A large spacing and then the next section of the home page. 

The View All button has no space between it and the product above. I have provided an i

I would like to create even amount of space between the products, view all button and the next section. How do I do this? 

Looking forward to hearing from you. 

 

[lachiegould]

I am also using Refresh theme

[jonrin0213]

Follow these steps:

1. Go to Online store -> Themes -> click on the “Customize” button.
2. In the Customize, select "Home page"(it is default).
3. After loading the template, click on the section "Featured collection".
4. Go the bottom of the customize option and you’ll find a field “Custom CSS”
5. Add the following code in the field:

.collection__view-all a:not(.link) {
  margin-top: 3em;
}

6. “Click on the “Save” button at the top to save the changes. This will help you to update the spacing.

Hope it will help you.

[lachiegould]

HI Jonrin0213 

Do I just add the code to the bottom of the field? 

Best regards,

Lachie 

[jonrin0213 · Accepted solution]

[jonrin0213]

@lachiegould 

If it helped, please like it and mark it as a solution!

Thanks.

[BSSCommerce-HDL]

Hi @lachiegould, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[Sangeetanahar]

hello @lachiegould 

can you send me the Website URL

thanks