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-08-2017, 02:22 PM
Ivan189's Avatar
Ivan189 is offline
Junior Member
 
Join Date: Apr 2017
Posts: 2
Default

Change color to this breadCrumb


Hello I am Ivan

I would like to ask if there is way I can change the blue color

of all these elements in my own color?

(check the attachment)

Otherwise how can I hide it?


thank you so much



  #2  
Old 04-08-2017, 02:24 PM
Ivan189's Avatar
Ivan189 Ivan189 is offline
Junior Member
 
Join Date: Apr 2017
Posts: 2
Default

here the correct link for the image sorry

http://i66.tinypic.com/2z6ef0o.png
  #3  
Old 04-11-2017, 06:49 AM
Daria L.'s Avatar
Daria L. Daria L. is offline
Ecwid Team
 
Join Date: May 2015
Posts: 558
Default

Quote:
Originally Posted by Ivan189 View Post
Hello I am Ivan

I would like to ask if there is way I can change the blue color

of all these elements in my own color?

(check the attachment)

Otherwise how can I hide it?


thank you so much



Hello Ivan,

This is Daria from Ecwid Customer Care Team. Thanks for your message!

This can be done by the means of CSS. Basically, In Ecwid you are able to customise the design of your store using CSS Themes and using these instructions: https://support.ecwid.com/hc/en-us/a...e-Ecwid-design

First of all, you should create your custom CSS theme: go to your Ecwid control panel -> Settings -> Design, click "Create Theme" button, screenshot:



and create a new CSS theme by pressing the “New CSS Theme” button, screenshot:



Then activate your new custom CSS theme and save the changes, screenshot:



Once you do this - you will be able to customize the layout of your Ecwid store according to your needs, by adding CSS rules to this theme one by one.

In order to change the color of the breadcrumbs on the payment page, you should add the following rule to your active CSS theme:

Code:
 div.ecwid-Checkout-BreadCrumbs-point-visited {
    border-color: red;
}

div.ecwid-Checkout-BreadCrumbs-point-visited::after {
    background-color: red;
}

div.ecwid-Checkout-BreadCrumbs-link-visited {
    color: red; 
}

div.ecwid-Checkout-BreadCrumbs-section-visited {
    background-color: red; 
}
Just change "red" to the desired color or color code. Make sure you saved changes and reload store’s page.

If you decide to remove them completely, for this you will need to use this code:

Code:
.ecwid-Checkout table.ecwid-Checkout-BreadCrumbs {
    display: none;
}
Don't forget to save the changes.

Hope this helps. Feel free to ask, if you have any questions!
__________________
Daria L.
Customer Care
Ecwid Help Portal
Ecwid Knowlegde Base
The Following User Says Thank You to Daria L. For This Useful Post:
Trendy Tarzen (08-19-2020)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
bread crumbs breadcrumbs, change about my store, color active category, ecwid

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 05:21 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.