Here we will show you how to set up the WooCommerce global styles in Oxygen Builder.
Firstly, let's set up a design guide, and we already made one for you with Oxyelements.
So all you have to do is Create a Page
Name it "Design Guide"
Publish it.
Go to "Edit with oxygen".
Click Add > Library
Go to Design Sets
Select Oxyelements
And here you go on the Pages and click Design Guide. When you load the Design Guide, you will load all our classes and colors. This will make it much easier for you to design consistently across all the designs you make.
Save this page, and you will have access to the classes and colors on all other pages you work on.
Protip: You can find oxyelements preset classes by going to Manage > Selectors > oxyelements. Here you can see many different classes that you can use in your designs.
How to see oxyelements global colors:
Go to Manage > Settings
Click Global Styles
Click oxyelements tab
Select Colors
Here you can see all the colors that we use throughout different designs. You can also put in your brand color for a more consistent design.
How to change oxyelements - Woocommerce global styles:
Go to Manage > Settings > Global Styles
Go to WooCommerce tab
Buttons
Here you can change colors of the primary color, hover color, etc. globally.
Click Save
After configuring these settings, you're ready to move to the next step of your WooCommerce setup.
