Adding CSS codes to your store

You can change the design and layout of your storefront using CSS codes. CSS codes are used to define how HTML elements should display on a page. To apply CSS codes to your storefront, you should add them to a CSS theme in the Design settings in the Ecwid control panel.

Check our collection of the most commonly used CSS codes. You can use them as is or modify them for your store. Keep in mind that editing CSS codes requires good knowledge of CSS. If you aren’t comfortable with editing codes, consider hiring Ecwid Custom Development team.

To add a CSS code to your Ecwid store:

  1. If you haven’t added any CSS codes to your Ecwid store before, go to your Ecwid Control Panel → Design.
  2. Scroll down to the Themes and in-depth customization section.
  3. Click Create Theme:

Create theme in ecwid store

  1. On the opened page, click Add new CSS theme.
  2. Paste your CSS code to the field:

Add code to new css theme

  1. Click Activate link on the right to apply this theme to your storefront.
  2. Click Save.

The codes added to your active CSS theme will apply to your Ecwid storefront. Refresh your storefront page to see the changes.

There can be only one active CSS theme at the same time. Add all the codes that you want to apply to your storefront to your currently active theme.

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