Adding CSS codes to your store

Last updated

You can change the look of certain elements in your store by using CSS codes. We have collected the codes for lots of elements 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 Customize the Look of Your Store section.
  6. Click Create Theme:

Create new CSS Theme

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

Add New CSS 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 code to your CSS Theme

  1. Click Activate to enable the new theme:

Activate your CSS Theme

  1. Click Save:

Save CSS Theme

Only one CSS theme at a time can be active, so all further codes that you want to use should be added to the same active theme.
Back to top
Was this article helpful? 2 out of 3 found this helpful