Adding your own CSS to the site
At Weblium you can add your own styling to the elements with the help of a custom CSS script. With the help of our tools you can place your code either to a particular page or to the whole site.
Important: This feature is available for Pro sites only.
Tip: You can learn how to add CSS classes to your site's elements in this guide.
Open the blocks gallery and choose the Embed block to place your script on a particular page:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_7tio0w.png)
Then, hover over and click on a “gear” in the block:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_ivayy2.png)
In the new window paste the needed code in the CSS tab and click Save:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1061_1b7rujs.png)
Publish your site for the changes to appear live:
Open the Settings of your site and navigate to the Custom code tab to add a code to the whole site:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-983-1_1pcm6sb.png)
Proceed to the CSS section and add your code there:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060_af06s3.png)
Click Save and don't forget to publish your site.
Tip: To add other scripts, check out the Adding your own code to the site article.
Important: This feature is available for Pro sites only.
Tip: You can learn how to add CSS classes to your site's elements in this guide.
Adding your own CSS to a particular page
Open the blocks gallery and choose the Embed block to place your script on a particular page:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_7tio0w.png)
Then, hover over and click on a “gear” in the block:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_ivayy2.png)
In the new window paste the needed code in the CSS tab and click Save:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1061_1b7rujs.png)
Publish your site for the changes to appear live:
Adding your own CSS to the whole site
Open the Settings of your site and navigate to the Custom code tab to add a code to the whole site:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-983-1_1pcm6sb.png)
Proceed to the CSS section and add your code there:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060_af06s3.png)
Click Save and don't forget to publish your site.
Tip: To add other scripts, check out the Adding your own code to the site article.
Updated on: 12/05/2023
Thank you!