Getting Started
Introduction
V4 Studio is a free design system for Elementor V4. It gives you ready-made colors, fonts, spacing and styles to help your pages look consistent.
What V4 Studio does
Elementor V4 uses variables and classes to style your pages. A variable stores a value, such as a color or text size. A class is a saved set of styles that you can apply to an element, such as a button or card.
V4 Studio adds a set of variables and classes that work together. Choose a class to apply its styles, then adjust the design to suit your brand. The variables and classes are stored in Elementor, so you can edit them later.
How it works
1. Install
Install and activate Elementor and V4 Studio in WordPress.
2. Open V4 Studio
Select V4 Studio in the WordPress menu to see your variables, classes and brand settings.
3. Add a class
Select an element in the Elementor V4 editor. In the Style tab, choose a class such as button-primary.
What's included
V4 Studio has four tabs in your WordPress dashboard, with shared design variables and hundreds of ready-made classes.
Variables
Edit your colors, fonts, text sizes, spacing and rounded corners.
Classes
Use ready-made styles for layouts, text, buttons, cards and effects.
Brand Data
Save your company name, logos, contact details and social links. Use them in Elementor with dynamic tags.
Import & Export
Save your setup to a file, or use the file to move it to another site.
You can use most features with the free Elementor plugin. Classes for Pro widgets, such as form fields, need Elementor Pro.
Explore the design system
Explore the design values and see live examples of the styles.
Common questions
Is V4 Studio free?
Yes. V4 Studio is free to use.
Do I need Elementor Pro?
You can use most features with the free Elementor plugin. Classes for Pro widgets, such as form fields, need Elementor Pro.
Why don't I see the classes in Elementor?
Open V4 Studio in WordPress and check the Classes tab. If the classes are still missing in Elementor, select Import Classes, then reopen the Elementor editor.
Can I change the colors and fonts?
Yes. Open V4 Studio › Variables and change the values you want. Select Import Variables to update the elements that use them.
Will V4 Studio overwrite my changes?
Your saved changes stay when you reopen V4 Studio. Importing a file can update existing values. Resetting a category brings back its defaults.
Next
Installation
Install V4 Studio and set it up.