Modify Grey band on page

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!

Thanks a lot !

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,

Thanks a lot ??

Nice christmas to you

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!