Overriding CSS for a block
How to find out the block ID and change CSS
Last updated
Was this helpful?
How to find out the block ID and change CSS
Last updated
Was this helpful?
You can apply custom CSS styles of any block on the page.
You need to have basic knowledge of CSS (Cascading Style Sheets) to override styles.
We do not recommend applying CSS in order to override the design of elements on your site, as such overrides may stop working or work incorrectly after an update to the platform.
How to override styles step by step:
Click on «⚙️ Settings» in the block where you want to change the styles.
Then click on the blue link that starts with the # sign to copy the link to the block.
In the opened window, paste the copied link to the block. It will look like this — https://site.com/page#section-1231234. Remove the page address, everything before the # sign. Remain only the # of the ID block.
Go to the Design section and click on the «CSS Overriding» link at the very bottom of the left column.
