I currently have the site setup on localhost. There are a few areas that I need to adjust padding for because it’s far too much padding. The site layout is set on “Wide” and the header style is #10, for reference.
Here’s a screenshot of the layout while in the storefront:
1) I would like to reduce some of the padding above and below the logo in the header.
2) I want to put more space between the page title tag and the accordion.
3) If possible, I’d also like to reduce the big gap between the navbar and the page header.
If you can at least point me to the section in the CSS that deals with all this I can probably make some adjustments, unless it has to be put into the custom CSS section. Any help or direction would be appreciated. Thanks in advance.
OK, here’s a remake with the margins much closer to what I’d like to see. Basically just removing all the massive white space, shrinking the header height and spacing the text out a bit so it’s more readable.
Custom CSS file is used to overwrite original css styles. It’s not recommended to edit original style.css because all changes will be lost after theme update. So all modifications must be made in Custom CSS.