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.
Theme version: WooPress 2.5 WooCommerce version: 2.4.12Hello 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.
Hello,
Please try this code in Global Custom CSS
.page-heading.bc-type-3 {
padding:10px 0px !important;
}
Regards,
Robert Hall.
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.
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.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
Seems you did not register purchase code for WooPress WordPress Support Forum to be able to create a topic on this forum.