Custom CSS - Vexaris Docs

Appearance → Custom CSS is a single stylesheet box that applies to every page of every theme. It loads after the theme’s own style file, so your rules win when selectors collide, and an empty box adds nothing at all.

Use it for small overrides: hide a section, recolour a button, adjust spacing. Structural changes belong in the theme editor, not here.

How the box works

Property	Value
Size limit	65,535 characters
Scope	Site wide, all themes
Save	Save and Publish, live on the next page load
Draft	Your unsaved text is restored if you reload by accident
Clear	Empties the box after a confirmation

Common overrides

/* Make the announcement bar text bold */
.site-slider-bar { font-weight: 800; }

/* Force footer link colour */
.footer-links a { color: #fff; }

Selectors change between themes and between Vexaris updates. A selector that works on Azure may do nothing on Meridian. Keep rules narrow, test each theme you actually use, and recheck after a version update.

How to find the right selector

Open the storefront page in your browser
Right click the element, choose Inspect
Copy the class that is closest to the element you want to change
Prefix nothing, write the rule plain, save and check

Scope rules of thumb

One rule, one purpose
Comment each block so future you understands it
If a rule needs !important everywhere, the theme editor or a support ticket is the better path
When a theme update breaks your overrides, clear the box first, then re-add rules one by one to find the culprit