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 07-01-2015, 04:32 AM
Dragon Tea's Avatar
Dragon Tea is offline
 
Join Date: Aug 2014
Posts: 6
Default

How do I change the colors of the following elements?


Hello,
The background of my website is very dark and I would like to change the color of the title and the Qty for each of my embedded products. Currently they are dark blue and difficult to read. I'd like to change them to #f6f4f0
Here is my website.
dragonteacompany.com.au/market-sales
Can anyone help?

**The above link is to my market page, where I keep track of my real-world orders so I know what stock levels I have.

Last edited by Dragon Tea; 07-01-2015 at 04:35 AM. Reason: Added extra information
  #2  
Old 07-01-2015, 02:19 PM
Daria L.'s Avatar
Daria L. Daria L. is offline
Ecwid Team
 
Join Date: May 2015
Posts: 558
Default

Quote:
Originally Posted by Dragon Tea View Post
Hello,
The background of my website is very dark and I would like to change the color of the title and the Qty for each of my embedded products. Currently they are dark blue and difficult to read. I'd like to change them to #f6f4f0
Here is my website.
dragonteacompany.com.au/market-sales
Can anyone help?

**The above link is to my market page, where I keep track of my real-world orders so I know what stock levels I have.
Hello!

Ecwid allows to customize the design of your store almost in any way with help of Custom CSS Themes. Please check this article for more information: http://help.ecwid.com/customer/porta...e-ecwid-design

In order to change the color of the title and the Qty for each of your embedded products, you need to add following CSS code to your active CSS theme (Ecwid control panel -> Settings -> Design -> CSS Themes-> Your active theme):

Code:
.ecwid-SingleProduct .ecwid-SingleProduct-qty .gwt-InlineLabel, 
.ecwid-SingleProduct .ecwid-title {
  color: #f6f4f0; 
}
Then click "Save” (Ctrl+S) and reload the storefront page.

Also, I’ve noticed you used our Single product widget to embed your products into your website, i.e., you put the product's HTML code (from Ecwid control panel ->Catalog ->Products ->product page tab 'HTML code'). It is used to show only a single item with product name, price, thumbnail and 'Add to bag' button. That's why now there are no links to the details page with description and other details. Basically single product widget is useful when you want to design your own page with your own elements and just insert the 'Add to bag' button.

I can recommend you to show full catalog, with products and categories listings and product details pages on your website using our Product Browser widget. Product Browser is the main Ecwid widget, it populates shopping cart with product listings and product detail pages. If you instal Product Browser widget, all your products will be clearly shown on the store page, where the widget is installed. Product browser provides clear and simple catalog layout to give the customers the best buying experience. You can check how it looks on your Starter Site and in our demo store.

Also, if you install Product Browser widget, the store page on your website will load more faster. Currently you have a lot of embedded codes for your products in the source code of your website and the store page loads rather slowly. It occurs, because when the store page is loaded, the browser loads and applies these codes from top to bottom and it is needed a time to load them all. So, the usage of our Product Browser widget will speed up the process for the load time of your website.

Hope, this helps! If you need further assistance, please, let me know.
__________________
Daria L.
Customer Care
Ecwid Help Portal
Ecwid Knowlegde Base
  #3  
Old 07-02-2015, 01:23 AM
Dragon Tea's Avatar
Dragon Tea Dragon Tea is offline
 
Join Date: Aug 2014
Posts: 6
Default

Thank you Daria
  #4  
Old 07-02-2015, 04:58 AM
Daria L.'s Avatar
Daria L. Daria L. is offline
Ecwid Team
 
Join Date: May 2015
Posts: 558
Default

Quote:
Originally Posted by Dragon Tea View Post
Thank you Daria
Thanks a lot for your reply!

I am very glad to hear that my answer was helpful.
Please, feel free to contact us again if you have further questions or need assistance, we are really delighted to help you make Ecwid store looks better!
__________________
Daria L.
Customer Care
Ecwid Help Portal
Ecwid Knowlegde Base
 
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 12:27 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.