Hi @jmkermelpro,
Can you please specify what modification you want for the grey band on top of the page?
Thank you and we look forward to your reply.
hi
i want change the color and reduce the size on half.
thanks
Hi @jmkermelpro,
You can add the below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS to make the required modification to the Shop page of your website:
.woocommerce-shop .site-content>.page-header {
padding: 50px 0;
background: #000;
}
.woocommerce-shop .site-content>.page-header::before {
background: unset;
}
Do let us know if you have any other queries.
Regards,
thanks for the answer but it doesn’t work
It works thanks š how can i change the color of the text please ?
Hi @jmkermelpro,
You can use the below CSS code to change the color of the page header text:
.woocommerce-shop .site-content .page-header .page-title {
color: #000;
}
.woocommerce-shop .site-content>.page-header .breadcrumb-wrapper a, .woocommerce-shop .site-content>.page-header .breadcrumb-wrapper span {
color: #000;
}
Regards,
thanks a lot you rock !
can i abuse you one last time for the footer color ? š ^^
Hi @jmkermelpro,
Here is the code for changing the footer background color:
.footer-t {
background: #1D4724;
}
.footer-b {
background: #1D4724;
}
Regards!
Hi @jmkermelpro,
If you want to add the header styling to all the other WooCommerce page then for this, you can use the CSS code below:
.woocommerce-page .site-content .page-header .page-title {
color: #fff;
}
.woocommerce-page .site-content>.page-header .breadcrumb-wrapper a, .woocommerce-page .site-content>.page-header .breadcrumb-wrapper span {
color: #BFAE1F;
}
.woocommerce-page .site-content>.page-header {
padding: 20px 0;
background: #1D4724;
}
.woocommerce-page .site-content>.page-header::before {
background: unset;
}
Regards,
Hi @jmkermelpro,
We are glad we could help š
Wishing you and your family a wonderful Christmas and a blessed New Year on behalf of the entire Blossom family.
Regards!
