[Dr. Sibylle]

Hallo Sakin,

On this page http://photography.wenkenbach.com/welkom/sahara/algerije-1981/reisvergunning-van-de-daira/ I would like to change the background colour of the breadcrumb trace from white to black (000000). And the letter colour of the text in the most right box (not the blue links) from dark to light grey (dddddd).

I will probably need some lines of coding in the customer CSS.

Can you please help me? Thank you!

[Sakin]

@Bert: You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box to change the background and text color of current breadcrumb item in most right box:

#breadcrumb-list .breadcrumb-current {
    background-color: #000;
    color: #ddd;
}

[Dr. Sibylle]

Sakin, thank you for the quick response! That was the code I waslooking for.

[Dr. Sibylle]

Is it also possible to remove the white lines around “the boxes”? By als making them black #000

[Sakin]

@Bert: You can change the border color by adding in the following css in Custom CSS box:
#breadcrumb-list span { border-color: #000; }

[Dr. Sibylle]

@Sakin, works beautiful, thank you!

@beatmaniaNZ, I have seen your post is removed, but still thanks for your reaction. I was looking for the lines of code as Sakin provided. But therefore you have to know in detail how the CSS is programmed.

[cindy]

I’ve managed to expand on this to give all the text/link boxes a black background. Now I want to change the color of the bar behind all of them and the hover color of the links. How would I write that in the CSS?

[Sakin]

@cindy: Sorry I don’t understand it which black background you are talking about. Can you post in your site URL and explain.

[cindy]

You’ll see it here — http://explorationvacation.us/explorationvacation/dev/2015/07/06/hoping-you-had-a-fabulous-fourth/
Thanks.

[Sakin]

@cindy: So, to make the background color of your breadcrumb wrapper to black, you need to add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#breadcrumb-list .wrapper {
    background-color: #000;
}

For hover, you can change the color code in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#breadcrumb-list a:hover,
#breadcrumb-list a:hover span {
	color: #404040;
}

[Author]

Posts