Goal: Make spacing between all homepage sections a consistent 75px on a Shopify site using the Venue theme, including future sections. Screenshots were provided to illustrate inconsistent gaps.
Proposed approach: A responder noted a default 42px bottom margin on each section and suggested changing it in theme-critical.scss.css, or overriding in base.css with a rule like .section { margin-bottom: 72px; } (adjust value as needed).
Issue with implementation: The site owner cannot find either theme-critical.scss.css or base.css in their theme’s assets, so the suggested file paths do not exist in their setup. The exact place to apply the CSS override remains unclear for this theme version.
Status: Unresolved. Next step needed is theme-specific guidance on where to place global CSS (e.g., main CSS file for Venue or custom CSS field) to override section spacing universally, and to use the desired 75px value.
I am trying to make all padding between every section on our home page 75px. We have added code suggested by someone else to achieve this for collection sections, but I’m realizing now that we need to to apply to all sections. How can we do this with css, and make it work with all sections that we may add in the future? Our website is thosewhobloom.com and the theme is venue
I’m attaching screenshots showing the problem areas.
There is a margin on the bottom on every section which is size 42px.
You can overide it or change this size to where is it.
Locate the file in the asset folder theme-critical.scss.css and find the margin-bottom.
change in desire size.
Or you can Overide the code by pasting new code in the base.css file.
Using this code.
.section {
margin-bottom: 72px;
}
And Save.
You can change the size you like.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
I appreciate the suggestion! However I don’t have theme-critical.scss.css or a base.css file.I tried to locate both of those and they don’t exist in my css files