How do I use custom CSS?

Editing the visual elements of your shop

If you or your Web / Marketing company have CSS coding ability, you can edit most of the visual elements of your shop by adding Custom CSS code into a section of the Contractor Commerce Dashboard. We are unable to provide any CSS coding recommendations from our end but do give you the ability to edit the following fields with out any coding. Simply visit the dashboard and navigate to Settings > Shop / Store > General.

You can edit the following:

What can Custom CSS code do to my shop?

Certain visual edits can't be done in our presets you find with in the dashboard, but can be changed through Custom CSS Coding. Some examples are:

Font
Font color
Size of text
Spacing between elements
Background colors
and more!

As mentioned you will need someone on your end versed in CSS coding to add these into the dashboard.

Where do I add the Custom CSS code?

Simply visit the dashboard and navigate to Settings > Shop / Store > General > Custom CSS (bottom of the page)

From here just enter the code and click save and it will immediately reflect in your shop.

Best practices

The code must always start with the ID for the Shop Div:
1. #shop-wrapper
If you notice any conflicts you will need to:
1. Disable Shadow DOM

To learn more about CSS code visit:

https://www.w3schools.com/css/