Exclusively change the colors of default WooCommerce Pages

naved_the_sheikh · October 2020

Hello, I am using BeTheme with 'Records_2' and 'WooCommerce' in my website. The default color options are not doing good with the default WooCommerce pages (with a slight customization & stylization). I want to change the colors of WooCommerce ShortCode pages only, and these color changes must NOT reflect in the other sections of the site. I have tried making the color lighter for WooCommerce pages through the Theme Options but, these changes made whole context lighter in the whole website, which was not warranted. So, I want to make some changes in the text fields of the WooCommerce default pages only. Kindly guide me how can I get the same.
Below I am attaching some example screenshots:
Screenshot 1 | Link Here, the color of texts is dark grey which is not suitable with the background so, I want to make it lighter.
Screenshot 2 | Link But, If I make the former Lighter, it will make the shown text (in the screenshot) also lighter which is not good for its background.

The above scenario is just an example, I am encountering same problem with many sections of many pages of WooCommerce, and I want to resolve all of them.

Please help me as soon as possible as my deadline ends tomorrow.

Phil · October 2020

Hello,

Sorry, but this cannot be changed by Betheme.

All colors settings come from Theme Options, and they change all pages.

But you can modify it by creating a Custom CSS Code.

You can put your Custom CSS Code in "Bethem > Theme Options > Custom CSS & JS > CSS".

Best regards

naved_the_sheikh · October 2020

Please show me an example.
I would also like to register my feedback to the Muffin Group for adding this special feature in BeTheme to change the colors exclusively for WooCommerce Pages.

Phil · October 2020

You need to "catch" class that contain information about how to display stuff on your site, and force it to have diferent values.
Here you have a screenshot of an example:
https://prnt.sc/v3mama

Every suggestion for your feature idea you can write in this topic
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

Greetings

naved_the_sheikh · October 2020

Can you please mention a webpage or article where I can find all CSS tags and functions used by woocommerce. Also, I am not familiar with CSS, PHP, or HTML coding, even this was the first reason why I chose WordPress instead of developing a site by custom coding.

Phil · October 2020

I could send you preapared CSS Custom Code but your shop is under construction, and this stops me from writing it.
If you could turn it on for a while then I will be able to help you.

Thanks

Exclusively change the colors of default WooCommerce Pages

Comments

This website uses cookies