Exclusively change the colors of default WooCommerce Pages

naved_the_sheikh

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

naved_the_sheikh

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

naved_the_sheikh

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next