Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Finding The Color Setting For Breadcrumbs Rate Topic   - - - - -

 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 11 January 2018 - 07:24 PM #1

In responsive 4.6.3 I am trying to  match up the font color settings to the items on the live page. I cannot seem to find a setting for-Breadcrumbs, My Account in the header , and the Items In the cart. I have a grey background  using black fonts but I cant connect these items with a category.

Thank you



 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4297 posts

Posted 11 January 2018 - 08:05 PM #2

try adding this in your css editor in Amdin>themes>theme editor

change ethe colour to what you want

.ty-breadcrumbs__a {
    display: inline-block;
    color: #8ca3ba;
}

Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 11 January 2018 - 08:35 PM #3

thanks, I'll try.



 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 11 January 2018 - 09:00 PM #4

Do I have to convert to CSS or just add it to custom css?



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17581 posts

Posted 12 January 2018 - 05:37 AM #5

Do I have to convert to CSS or just add it to custom css?

 

You can add this code to the CSS section of the Theme editor


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 12 January 2018 - 02:24 PM #6

Thanks



 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 12 January 2018 - 03:26 PM #7

I must be doing something wrong. See attached.  FOr some reason the "paint" rendition shows missing letters but they are there.

I entered 

.ty-breadcrumbs_a { 
display: inline-block;
color: #000000;
}
I saved it but it doesn't work. At the top of the section it has a way to convert to CSS.  Am I supposed to do that before entering the code?
css for black breadcrumbs.jpg  
 


 
  • Takestock
  • Senior Member
  • Members
  • Join Date: 08-Nov 13
  • 453 posts

Posted 12 January 2018 - 08:28 PM #8

 

I must be doing something wrong. See attached.  FOr some reason the "paint" rendition shows missing letters but they are there.

I entered 

.ty-breadcrumbs_a { 
display: inline-block;
color: #000000;
}
I saved it but it doesn't work. At the top of the section it has a way to convert to CSS.  Am I supposed to do that before entering the code?

 

NO

Don't do that,!!!!. I can't quite see from the image but I think you have a typo, you are missing    :   just after color. if not then have you forgotten to clear the cache.?



 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4297 posts

Posted 12 January 2018 - 08:56 PM #9

 

I must be doing something wrong. See attached.  FOr some reason the "paint" rendition shows missing letters but they are there.

I entered 

.ty-breadcrumbs_a { 
display: inline-block;
color: #000000;
}
I saved it but it doesn't work. At the top of the section it has a way to convert to CSS.  Am I supposed to do that before entering the code?

 

I think I can JUST about see the colon when I enlarge your image so, as takestock says, try to clear your cache and your browser cache.


Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 13 January 2018 - 03:28 PM #10

I cleared the cache in both browser and website. Below is a copy/paste of what I entered.

.ty-breadcrumbs_a { 
display: inline-block;
color: #000000;
}
On the entry the .ty is underlined in red.(like here) Is this the correct label or should it be something else?


 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 13 January 2018 - 06:39 PM #11

I found-in Templates/responsive/css/styles.less

Line 3221-3224 The following:

.ty-breadcrumbs__a {
    display: inline-block;
    color: darken(@base, 25%);
can i just change the color value to #000000?


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17581 posts

Posted 15 January 2018 - 05:54 AM #12

 

I found-in Templates/responsive/css/styles.less

Line 3221-3224 The following:

.ty-breadcrumbs__a {
    display: inline-block;
    color: darken(@base, 25%);
can i just change the color value to #000000?

 

 

Yes, you can, but this way is not good. It is better to use CSS section in the Theme editor. Try

.ty-breadcrumbs__a { 
    color: #000000 !important;
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 15 January 2018 - 02:14 PM #13

I tried-

.ty-breadcrumbs_a { 
color: #000000 !important;
}
It changed some Items. The "cart content" block and the top "my account title" but not the breadcrumbs.
Am I supposed to be able to scroll thru the CSS settings in the CSS box in the Theme editor?


 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4297 posts

Posted 15 January 2018 - 04:46 PM #14

Paste your whole css here from the theme editor and Ill try it on mine

 

 

https://prnt.sc/i0spnz


Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • notlim
  • Junior Member
  • Members
  • Join Date: 16-Mar 11
  • 223 posts

Posted 15 January 2018 - 06:57 PM #15

the only thing on my screen for Custom CSS is-

.ty-breadcrumbs_a { 
color: #000000 !important;
}
This changed some minor things but not the Breadcrumbs.
Should I be able to scroll thru the CSS on this screen?
Thanks


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17581 posts

Posted 16 January 2018 - 05:49 AM #16

Please check my post. There should be double underscore instead of single one


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.