Return to previous page

Changing Color of text in title bar - by rfrigge

This topic has 13 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

rfrigge

Participant

February 2, 2015 at 11:59

I want to change the color of the text (title and bread crumbs). I can change the title color (changing main font) but this will change to much of the rest on the pages.
Breadcrumb colors I cannot change?

How do I changes only the text color in the breadcrumb bar?

#38743 Copied

12 Answers

Eva Kemp

Support staff

February 2, 2015 at 13:49

Hello,

Please provide us with a link to your site.

Thank you.
Regards,
Eva Kemp.

#38787 Copied

rfrigge

Participant

February 2, 2015 at 14:05

see private content

Please, contact administrator
for this information.

#38799 Copied
Eva Kemp

Support staff

February 2, 2015 at 14:20
Hello,

Add this code in custom.css file to change color in breadcrumbs bar:
```
.page-heading .title {
    color: black !important;
}
.page-heading.bc-type-5 .breadcrumbs, .page-heading.bc-type-6 .breadcrumbs, .page-heading.bc-type-5 .woocommerce-breadcrumb, .page-heading.bc-type-6 .woocommerce-breadcrumb {
    color: black !important;
}
```
Thank you.
Regards,
Eva Kemp.
#38806 Copied
rfrigge

Participant

February 2, 2015 at 14:47

Hi Eva, it worked partially. The breadcrumbs link are still unchanged.

Is there a easy whey to figure out which class to set? Also if I want to change other colores in the future and since the theme only support adjusting some basic colores I think an easy way to find out which classes to change would help us (and you).

Thank you.

#38820 Copied
Eva Kemp

Support staff

February 2, 2015 at 15:06
Hello,

Please add this code as well:
```
.bc-type-5 a {
    color: black !important;
}
```
You can find what class to edit using Chrome console, open your site in Chrome browser and make right click with your mouse on the element you want to edit, from the appeared menu you need select “Inspect element” and you’ll see what classes are used for the elements.

Thank you.
Regards,
Eva Kemp.
#38830 Copied
rfrigge

Participant

February 2, 2015 at 19:10

Nearly all good but I the delimiters ” / ” and back arrow ” < ” is still giving me a hard time.. I can’t find which classes need to change. Hope you can tell me.

#38936 Copied
Robert Hall

Support staff

February 2, 2015 at 19:18
Hello,

Please try to use this code.
```
.bc-type-5 .delimeter{
color: black !important;
}
```
Regards,
Robert Hall.
#38939 Copied
rfrigge

Participant

February 2, 2015 at 19:24

works partially, only the “< ” still needs to be changed. (back-history class?)

#38942 Copied
Robert Hall

Support staff

February 2, 2015 at 19:49
Please add following code into custom.css file
```
.back-history:before{
color: black !important;
}
```
Regards,
Robert Hall.
#38951 Copied
Eva Kemp

Support staff

February 2, 2015 at 19:50
Hello,

You need add this code as well:
```
.back-history:before {
    color: #000 !important;
}
```
Thank you.
Regards,
Eva Kemp.
#38952 Copied
rfrigge

Participant

February 3, 2015 at 00:31

all good now. Thank you.

#39010 Copied

Eva Kemp

Support staff

February 3, 2015 at 10:25

Hello,

You’re welcome.

Regards,
Eva Kemp.

#39066 Copied
Viewing 13 results - 1 through 13 (of 13 total)