All Collections
Instructions
How to Add CSS Classes to Your Website?
How to Add CSS Classes to Your Website?

Add custom CSS classes to your SpringBuilder website.

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

As you know, building a website with SpringBuilder is easy with all the page types, elements, and blocks. But what if you want to make some amendments to the view and design? Here our brand new CSS Class functionality will come in handy.

* Please note that this functionality is enabled manually, so make sure to contact your account manager to activate it custom.

Let's show how to add CSS code and corresponding class to any element or any block. 

  1. Copy the CSS code you want to apply to any element/block.

  2. Navigate to your Dashboard > Site Settings > Code Injection.

  3. Paste the CSS code in one of the <head> tags.

  4. Go to the page you want to apply the code into.

  5. Click on the Element/Block of your choice and hit the CSS Class icon.

  6. Type the class in the placeholder and hit Save.

There is also another way to input the CSS code using the Custom HTML element

  1. Just drag and drop the Custom HTML element in the Crafting area.

  2. Enter the corresponding code and click on the Embed Code button.

  3. Afterward, click on the Element/Block of your choice and hit the CSS Class icon.

  4. Type the class in the placeholder and hit Save.

* Please note that this way the class will work only for the page the Custom HTML element has been added.

Here is an example of CSS code and the class:

.sportsbook {
background-color: #2e4512

;
margin-top: 10px;
}

And the CSS class for this code is "sportsbook"


That's it! Don't waste your time and make the most out of this functionality to find new ways to communicate with your audience!

Did this answer your question?