Hello, I want to add Custom Css to the Particular pages and to the Product pages. How can i Do that? I Don't want that CSS to the Homepage. I want to add space between header and the Body. The header and Body have no Space and that is Not at all Looking Good. I Need to add a Custom CSS to the Particular pages without any use of Plugins. How Can I Do that.
What you need to do is add the following css properties to the Apperance-> Customize-> Additional Css or style.css section (Appearance-> Editor-> style.css) to expand that gap on the product page
Hello,
I want to add Custom Css to the Particular pages and to the Product pages. How can i Do that?
I Don't want that CSS to the Homepage. I want to add space between header and the Body. The header and Body have no Space and that is Not at all Looking Good. I Need to add a Custom CSS to the Particular pages without any use of Plugins. How Can I Do that.
No Use of Plugins.
Hi YouTech !
What you need to do is add the following css properties to the Apperance-> Customize-> Additional Css or style.css section (Appearance-> Editor-> style.css) to expand that gap on the product page
.archive header.site-header, .single-product header.site-header {
margin-bottom: 40px;
}
On other subpages, add it directly to that page via Editpage, this attribute as suggested below
body header.site-header {
margin-bottom: 40px;
}
http://prntscr.com/ocvzj5
thank you
Thank you! :-)
thank you, Glad to help you !