{"id":13101,"date":"2018-07-07T11:18:31","date_gmt":"2018-07-07T05:48:31","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=13101"},"modified":"2024-07-04T19:25:33","modified_gmt":"2024-07-04T13:55:33","slug":"how-to-add-header-background-in-woocommerce-pages","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/how-to-add-header-background-in-woocommerce-pages\/","title":{"rendered":"How to add header background in WooCommerce pages"},"content":{"rendered":"<section class=\"wp-block-group woo-pages has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Add Header Background in WooCommerce Pages<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For adding custom header background image in your product WooCommerce pages, Follow my below instructions \u2013<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Wp dashboard > customize > Additional CSS.<\/li>\n\n\n\n<li>In Additional CSS text area, paste this CSS<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><code>.woocommerce-page .demo-image{<br>background:url( ADD IMAGE URL);<br>}<br><\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 In add image URL paste the desired image URL you want to show in your header background.<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Add Header Background in WooCommerce Pages For adding custom header background image in your product WooCommerce pages, Follow my below instructions \u2013 .woocommerce-page .demo-image{background:url( ADD IMAGE URL);} Note \u2013 In add image URL paste the desired image URL you want to show in your header background.<\/p>","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-13101","docs","type-docs","status-publish","hentry","docscate-custom-code"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":1,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13101\/revisions"}],"predecessor-version":[{"id":69358,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13101\/revisions\/69358"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=13101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}