Articles on: Site editing
This article is also available in:

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.



Adding CSS classes


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. 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: 09/22/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!