Adding CSS codes to your store

Last updated

You can modify certain elements in your store by using CSS codes. We collected these codes in the Customizing store design section:

  1. Open the Customizing store design section.
  2. Find the article for the element you want to change.
  3. Copy the CSS code from there.
  4. Go to your Ecwid Control Panel → Design.
  5. Scroll down to the Сreate Your CSS Theme block.
  6. Click Create Theme:

Click Create Theme

  1. If this is your first custom CSS theme, click Add New CSS Theme:

Click Add New theme

If you already have a custom theme with CSS codes, add the new codes to that theme. Paste the new codes under the old ones.
  1. Add the code you copied from the article to the large white field:

Add CSS Code

  1. Click Activate to enable the new theme:

Click Activate

  1. Click Save in the top right or press Ctrl + S.
Only one CSS theme can be active at a time, so all codes you want to use should be included in one theme.

See the Introduction to CSS video to find out how CSS works in general:

Related articles

Changing store design
Professional services from Ecwid
Themes for sitebuilders

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message