April 8, 2020
Ecwid CSS Themes | Fully Customize Your Ecwid Store | Ecwid CSS Design Tutorial

Ecwid CSS Themes | Fully Customize Your Ecwid Store | Ecwid CSS Design Tutorial


Hi, this is Daniella from Daniella.io and
today I will show you how to customize the look and feel of your Ecwid store. We will be using CSS code, but I promise you
will not actually have to program anything. All the code you need is available in the
card at the top right of this video, or in the link in the description. CSS is stands for Cascading Style Sheets. It is code that describes how HTML elements
are to be displayed on screen. All you have to do is open your seller Control
Panel, head over to Configuration and click on Design. There are a few ways you can customize your
store : You can use a paid app available in the Ecwid
App store Or you can create your own theme for free
by based off of Ecwid’s standard theme. I am going to show you how to create your
own theme. We are going to make minor changes to the
standard theme that is activated by default on your Ecwid store. So let’s click on Create New Theme. Make sure to open the blog post in the description
that contains all the CSS codes you need to customize your store. I am going to show you how to change the color
and size of prices using this code. You will simply need to know the color codes
you want to use. There are tons of online tools that can provide
you color codes if you need them. Simply copy-paste the code you need
Once your color code is pasted, make sure to save and 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 that you want to modify. Then choose “Inspect element.” I am using Chrome but every browser has an
option or something similar. This is where you can find the information
on the element you want to modify. You can even 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. Having a well-built, well designed online
store is not enough to increase your ecommerce revenue. You need to learn how to drive traffic and
convert that traffic intelligently. Head over to daniella.io/store and check out
my eBook that contains 30 Actionable Ways to Increase your eCommerce Revenue. For example, I will show you how to setup
FOMO alerts, display compare-to prices, cross-sell, encourage social shares and remind your customers
of how awesome your business is with push notifications. This book is an essential resource if you
would like to maximize your online revenue and sales potential. Use the coupon code CSS to save 15% on your
purchase. You can copy/paste the code from the description
of this video. This is Daniella from Daniella.io. Thanks for watching.

2 thoughts on “Ecwid CSS Themes | Fully Customize Your Ecwid Store | Ecwid CSS Design Tutorial

  1. 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!

Leave a Reply

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