Adding CSS codes to your store

You can modify certain elements in your store by using CSS codes.

Check our collection of CSS codes and ready solutions. Keep in mind, that using them requires good knowledge of CSS. Consider hiring Ecwid Customization team if you aren’t comfortable editing the 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

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support