First of all, thanks for being part of our family.

We wanted to prepare a small guide of the steps to follow for proper installation and a review of its features.

1. Installing the plugin

1. Click on the WordPress plugins section.
2. Click the Add New button on the Plugins page
3. Next, click on the Upload New Plugin and drag or select the Edito CSS plugin.
4. Click the Install Plugin button and wait until the installation is finished, then click the Active button.

Once the plugin is activated, the classes will be imported automatically.

2. Viewport Dimensions & Breakpoints

Edito CSS adapts perfectly to the actual dimensions of your website for maximum responsiveness and accuracy. You must set the proper website width in the ECSS settings for this process to work correctly.

The "Max Viewport" and "Min viewport" is the screen size for which you want to optimize your website. This value will use in the calculations for responsive typography and spacing.

On the other hand, our plugin lets you set custom breakpoints. Remember that custom breakpoints must match the exact builder you are using (Oxygen).

Important: Almost every utility class in Edito CSS can be applied conditionally at different breakpoints, making building complex responsive interfaces a piece of cake. There are five breakpoints:

• xl-[utility-class]