September 19, 2019
Ecwid CSS: How to Fully Customize Your Ecwid Store

Ecwid CSS: How to Fully Customize Your Ecwid Store


Hi, this is Daniella from Daniella.io and
today I’m going to teach you how to customize your Ecwid store using CSS. Before I begin, if you dont have an Ecwid
account check out this video on how to create an Ecwid store in 5 minutes. So it is super easy to customize your Ecwid store. All you have to do is open your seller dashboard, head over to Settings>Design>CSS Theme. You have a few options: You can activate an already available theme Or you could edit the beige or red theme by duplicating either one and editing the CSS. Or you can create a theme that will be based
off of Ecwid’s standard theme. We are going to make minor changes to the standard theme so I am going to create a “ New CSS Theme.” Now click on this blog post that contains all the CSS codes you need to customize your store. I am going to change the color and size of
the price using this code and a flat design color chooser. Choose the code you want from my blog post. Copy and paste it. And edit the information that you want. If you are totally new to CSS you may never heard of Color Hexes. Color hexes are codes used to identify a color. Knowing the codes you want is key if you wish to change the colors of your Ecwid store. Tip: Make sure you activate your theme. You
may have to clear your browser cache or open your site in a different browser if changes
are not made right away. If you didn’t find all the necessary code
you need to fully customize your store in my blog post you can find what you need by
right clicking on an element you want to modify and choosing “Inspect element.” I am using
Chrome but every browser has an option or something similar to do this. This is where you can find the information
on the element you want to modify. You can test it out for fun directly in your browser
but you still need to copy/paste this info to Ecwid and to activate it for the changes
to be permanent. If you liked this video don’t forget to subscribe. I am Daniella from Daniella.io. Thanks for watching.

13 thoughts on “Ecwid CSS: How to Fully Customize Your Ecwid Store

  1. Great tutorial! Quick question: When customers purchase from your store are you able to export important customer info such as email address, address, phone numbers ect?

  2. Hello! how do you integrate ecwid store to an existing website so the look is the same?
    Thanx in advance for your help 😉

  3. I'm looking to edit some custom translations (https://support.ecwid.com/hc/en-us/articles/207808835-Custom-Translations#Attachment) and haven't been able to do this successfully. Any chance you can point me in the direction of a video or a walkthrough with pictures?

  4. Can you update this tutorial with the new interface? There is no longer the red or beige theme and every time I have tried to modify the css nothing happens

  5. Hi Daniella, I have an ecwid online store with the unlimited plan, but Im setting up my store and I can not find where is the buttom to make my clients to sign up in the website…like Amazon so I can get info like names and mails accounts?

  6. If you are looking for updated Ecwid tutorial videos then click here https://daniella.io/ecwid-tutorial-ecommerce-course/ to learn more about my new Ecwid eCommerce Power Course! Learn how to start selling online, build a beautiful Ecwid store and boost targeted traffic!

  7. I am trying to make my page banner responsive and don't know what code to use or where to put it exactly. Help would be appreciated. www.-deco-daze.com is the site and it looks awful on a cellphone or tablet.

Leave a Reply

Your email address will not be published. Required fields are marked *