The Style Manager section is where you can edit & customize the look of each element on your page.
The Style Manager itself is formatted specifically to each element within the Canvas.
Note: To edit a specific element's style, need to click on the required element first.
Below we can see the style editor's sections.
Let's get into detail.
Customize
Within the customize dropdown, you can add any adjustments based on the following:
- Alignment
- Font Family
- Font Weight & Size
- Text Decoration
- Color
- Letter Spacing & Line Height
- Background Color
- Border Settings
- Text Shadow
Advanced
The advanced dropdown focuses on more complex styling features.
This includes the following:
- Transform
- Float
- Display
- Position
- Width & Height adjustments
- Absolute Positioning
- Margins & Padding
- Box Shadow
- Background
Classes
The classes section allows you to add specific classes to any element within the page.
Note: You are able to make use of Bootstrap 4 ™️ classes.
Now that we know how to style and make our page more attractive, we can head over to the Settings tutorial to adjust our page's overall settings.