Classes are reusable styles. Add one to an element in Elementor and it takes that style, with no settings to change by hand.
In Elementor, select the element you want to style.
In the Style tab, type the class name in the class field, such as card-base, and pick it from the list.
Add a few small classes together, such as flex, flex-column and gap-sm, to build a layout.
Buttons, links, cards, text styles, media and accordions.
Sections, page padding and content widths.
Display, flex, grid, columns and alignment.
Gaps and padding.
Headings, body text, sizes, weights and wrapping.
Text, background and border colors.
Sizes, widths and heights.
Position, image fit and stacking.
Opacity, blend modes, shadows and transitions.
Corner radius, by size and by purpose.
Border widths, styles and sides.
A bento grid and its tile roles.
Choose a category on the left, or search for a class by name.
Change its CSS in the editor under the list, or add a new rule there.
Select Import Classes. Elementor updates every element that uses the class.
Use a simple class selector, such as .card, with at most one state, such as :hover. Media queries with a min-width or max-width in pixels map to Elementor's breakpoints. Anything else is skipped, and the results say why.
Read the results after an import. A style Elementor can't take as a setting is kept in the class's Custom CSS, so nothing is lost.
Brings in classes you made in Elementor itself. It never replaces V4 Studio's own.
The reset icon at the top of the panel brings back the category's defaults, after you confirm.
It used a selector V4 Studio can't import, such as an ID, an element name or two selectors together. The results show the reason.
Yes. Most layouts combine a few, each doing one job.
Into Elementor's global classes, so you can use them on every page.
Next
Brand Data
Your company details and logos, as dynamic tags.