Caution
Custom CSS code is an expert function and may alter your design and functionality in undesired ways. Additionally, it may have negative effects on the responsive design of your website.Only experienced users should enter their own CSS code. Check your website carefully after all modifications. Please also note that the automatically applied updates for your website may affect your website's program code. Therefore, regularly check whether the CSS code you have entered still fulfills its purpose and whether the design or functionality has been affected by the update.
Skip to:
What is CSS?
CSS is a design language that is used on most websites. You can customize your website's design by using custom CSS code.
With custom CSS you can for instance change the following aspects of your website:
- Colors
- Fonts
- The size of the logo
- Visibility of elements
The changes are valid for your whole website, not only the page that is opened in the Editor while you edit the CSS code. However, custom CSS code does not have any impact on the design of your checkout if you sell products on your website.
If you change colors via custom CSS this may override your color settings.
How to add custom CSS code
- In the sidebar of your cockpit, select Editor.
- Select
in the bottom bar.
- Select the tab
.
- Add your custom CSS code.
- Select Save.
Tips and tricks
- Your CSS code is only applied to the currently selected theme. If you change the theme, the CSS code is not applied to your website anymore. If you switch back to the theme you entered the CSS code for, the CSS code is applied again.
- Your website software automatically checks if the CSS code you entered follows the rules for CSS.
- When you are changing colors, you might have to adapt the margin and padding of certain elements.
- For the custom CSS code it is not necessary to enter a stylesheet type.