Adding CSS classes to elements on your site

You can add up to 5 class attribute values to almost every element on your site. You can use CSS classes to change elements you need by adding CSS code.

Tip: you can add the CSS code to your website using this guide. Adding code is only available for sites with a Pro subscription.

You can add CSS classes to most of the elements on your website: buttons, images, icons, text, site menu, contact forms, etc. To do this, follow these steps:

Open the settings for the desired element using the “gear” button. Examples of opening settings:



Go to the Advanced tab and enter the desired class name for the element in the CSS class names section's field:



Important: Every CSS class must start with the "wl-" prefix (without quotes). It is necessary to distinguish your custom classes from those our platform uses.

Note: The minimum length of a class name is 4 characters (together with the "wl-" prefix), and the maximum length is 25 characters.

You can add more CSS classes to an element using the Add class button:



Note: You can add a maximum of 20 CSS classes to a single element.

Done! You can now use this CSS class while adding custom code to your site. For example:



Publish your site for the changes to appear live.

Note: Our support team does not assist with creating or editing your code. We can only provide you with guides on embedding the code on your website.

Updated on: 04/14/2023