I am trying to change the space between the “View All” button on my homepage. I would not like there to be so much space between the bottom of the collection above the button, and the collection below the button. It seems a bit large (especially on mobile). I dont have any options on my “Customize Theme” editor to adjust button radius, height, etc. Only color and font style. Any help is much appreciated! (www.nstlga.la)
Hello @nostalgiaLTD
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
/* You can change the value of 20px and 10px to the value you want */
.hr--invisible {
margin-top: 20px !important;
margin-bottom: 10px !important;
}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
This is Noah from PageFly - Shopify Page Builder App
Please add code here to change space content and button and set style button:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
@nostalgiaLTD , do this to fix it in 20 seconds:
- In your Shopify Admin go to: online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.hr--invisible{
margin-top: 10px !important;
margin-bottom: 10px !important;
}
You can change the 10px value as per your wish.
If it helps you please click on the “like” button and mark this answer as a solution!
Thank you.
Kind regards,
Diego