Hello, Hanzla Nadeem,
Thank you for reaching out to us with your concerns. We understand that you are looking to change the border color throughout your theme to black and are experiencing difficulties with the breadcrumb background color not updating as expected.
To assist you with changing the border color, we would recommend using a global CSS rule that targets all borders within your theme. This can be a more efficient approach than modifying each element individually. Here is a sample CSS snippet that you can add to your theme’s custom CSS section:
* {
border-color: #000 !important; /* This will change all borders to black */
}
Please note that using !important is a powerful CSS declaration that overrides other styling rules, so it should be used sparingly. Before applying this change, ensure that it does not conflict with any specific design elements that you do not wish to alter.
Regarding the breadcrumb background color on account, compare and wishlist pages, the next custom CSS code can be used:
.woocommerce-account .page-heading, .woocommerce-compare .page-heading, .woocommerce-wishlist .page-heading {
background-color: #f6e2dc !important;
}
If you require further assistance or if these solutions do not resolve your issues, please do not hesitate to get back to us with additional details. We are here to help ensure that your theme looks exactly as you envision it.
Best Regards,
8Theme’s Team