The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 04-16-2017, 03:34 AM
Robert Morita's Avatar
Robert Morita is offline
 
Join Date: Mar 2017
Posts: 2
Default

CSS file


Is there a way to download the CSS file for the starter site? I'd like to start by tweaking some of the fonts, namely the store name at the top of the starter site page. Having the full CSS file would be helpful for other things as well.

Also, is there a guide for setting up shipping and payment options? Thanks!
  #2  
Old 04-17-2017, 01:36 PM
Kenga Ecwid's Avatar
Kenga Ecwid Kenga Ecwid is offline
Ecwid Team
 
Join Date: Jun 2016
Posts: 109
Default

Quote:
Originally Posted by Robert Morita View Post
Is there a way to download the CSS file for the starter site? I'd like to start by tweaking some of the fonts, namely the store name at the top of the starter site page. Having the full CSS file would be helpful for other things as well.
Hi Robert!

Thanks a lot for your message.

In order to apply some design changes to your Ecwid Starter Site you need to add some CSS rules to your custom CSS Theme in your Ecwid Control panel > Settings > Design.

To understand how to change the look of some element you need to find out what class or ID it has. It is very easy to do it with the help of web-inspector that is present in any browser.

In Google Chrome and Opera: right-click on the element (e.g. link) and select “Inspect Element” in the menu.

I made a screencast for you, please, check how to inspect the element in your Store — http://take.ms/V2HtF

In our screencast we have selected the “Title” label and you can see the class and the rule applying to the label.

1. .header h1 is a selector that defines what element the rule applies to,
2. color is a parameter that we are going to change,
3. black !important is the value of this parameter.You can use any hex code for the color. You can easily find any color code with the help of special services, e.g. at http://www.color-hex.com/

After you find the exact code you need to add it to your custom CSS Theme in your Ecwid Control panel > Settings > Design:

Code:
.header h1 {
    color: black !important;
    font-size: 50px !important;
    font-family: verdana;
}
Activate the Theme and Save the changes. Then refresh the page of your Storefront to see the design changes.

Please, refer to our article about Ecwid Design — https://support.ecwid.com/hc/en-us/a...e-Ecwid-design

Quote:
Originally Posted by Robert Morita View Post
Also, is there a guide for setting up shipping and payment options? Thanks!
You might be interested in our articles on the matter:

- Shipping
- Payment options

Hope this helps! Please, let me know if any further assistance is required. I'll be glad to help you.
__________________
Kenga

Ecwid team
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:21 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.