Return to previous page

Site Padding - by drbrown54 - on WordPress WooCommerce support

This topic has 6 replies, 4 voices, and was last updated 10 years ago ago by Eva Kemp

drbrown54

Participant

December 10, 2015 at 01:12

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.

#103652 Copied Theme version: WooPress 2.5 WooCommerce version: 2.4.12

5 Answers

Stan Russell

Participant

December 10, 2015 at 08:44

Hello drbrown54,

please show us on screenshot what results do you want to achieve in the end and we will provide you with css code needed.

Regards,
Stan Russell.

#103678 Copied

drbrown54

Participant

December 11, 2015 at 06:02

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.

#103844 Copied
Robert Hall

Participant

December 11, 2015 at 08:25
Hello,

Please try this code in Global Custom CSS

.page-heading.bc-type-3 { padding:10px 0px !important; }

Regards,
Robert Hall.
#103849 Copied
drbrown54

Participant

December 11, 2015 at 16:52

That definitely fixed the gap for the storefront accordion and titles. I assume there would be a different line for the header spacing?

Since I’m new to WP, does the custom code fields always just over ride whatever is in the default CSS file? Is it not a good idea to edit code in the main CSS page? Thanks for the help.

#103940 Copied

Eva Kemp

Participant

December 11, 2015 at 17:14

Hello,

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.

Regards,
Eva Kemp.

#103944 Copied
Viewing 6 results - 1 through 6 (of 6 total)