You can customize the look and feel of your online store by using CSS codes. For example, you can change the font color for the whole store at once by following these steps:

1. Go to the Store manager > Design > scroll down to the bottom and find the Create theme button:

Or, if you already have a theme that's activated, click on Edit theme:

2. Click Add New CSS Theme (or edit the existing theme) and paste the below code, but replace #ff0000 with a preferred hex code or color title (#ff0000 = red).

.ecwid div, .ecwid span, .ecwid a, .ecwid p { color: #ff0000 !important; }


3. Make sure the theme is active, save the changes, and check the font color online.


Font size

Replace the 30px value with the font size

.ecwid div, .ecwid span, .ecwid a, .ecwid p { font-size: 30px; }

Font family

Replace the NAME_OF_FONT with an actual font name

.ecwid div, .ecwid span, .ecwid a, .ecwid p { font-family: NAME_OF_FONT !important; }

Product title color

Replace #ff0000 with a preferred hex code or color title (#ff0000 = red)

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products–large-items .grid-product__title-inner { color: #ff0000; }

Additional resources

Did this answer your question?