Breadcrumbs not shown correcly

SpinningPlays · February 2018

Hey you,

if the breadcrumbs on my website reach a specific length, there splitted in two lines and not shown correctly. I want them to be in 1 line or at least when there splitted that the second line is centered in relativ to the first.

Here a screenshot: https://photos.app.goo.gl/KfJAnrAm4xkbQIlH2

With best regards

Bryan · February 2018

Hi,
we can help you with custom css and then it will stretch them but on mobile devices it could get messy.
Send a link.
thanks

SpinningPlays · February 2018

https://troupility.de/tutorials/teamspeak-3-server-joinen/

Bryan · February 2018

You can try with this css

#Subheader ul.breadcrumbs {
	width: 60% !important;
}

SpinningPlays · February 2018

This works, but now it is not centered horizontally.

Look again please: https://troupility.de/tutorials/teamspeak-3-server-joinen/

Bryan · February 2018

It will not be because the left container with the page title is longer.
Like I said, it is not a perfect sollution.
thanks

SpinningPlays · February 2018

Ok, I solved it.

SpinningPlays · February 2018

One more question, how can I change the color of the breadcrumbs? Sometimes the last item is kinda light grey, but i want every item to be the dark grey. And i couldn't find the option in the colors section.

Light grey: https://photos.app.goo.gl/CydHfDB9DxQz1LtX2
Dark grey: https://photos.app.goo.gl/WBz9xamLvcEjvcmp1

With best regards

Bryan · February 2018

Hi,
the breadcrumbs color change with the color of the subheader title.
In theme options>colors>header
thanks

SpinningPlays · February 2018

Thats not what I wanted to do. I want to disable the color difference on some sites. Sometimes the last item of the breadcrumb is lighter than the others. I want every item of the breadcrumb to be in the same color.

SpinningPlays · February 2018

Light grey: https://photos.app.goo.gl/CydHfDB9DxQz1LtX2
Dark grey: https://photos.app.goo.gl/WBz9xamLvcEjvcmp1

SpinningPlays · February 2018

The Forums breadcrumb is light grey and the posts breadcrumb is dark grey. I want everything to be like the dark grey posts breadcrumb.

Bryan · February 2018

Try this css

ul.breadcrumbs li a, ul.breadcrumbs li  {
	color:red !important;
}

SpinningPlays · February 2018

This doesnt work too, the color changed but the second item of the breadcrumb is still lighter than the others.

Preview: https://photos.app.goo.gl/ml2QGUkCtulXVc0h2

SpinningPlays · February 2018

The lighter breadcrumbs are only on BuddyPress/bbPress sites, is this while these sites aren't listed on the sites/posts tab?

Bryan · February 2018

We would like the see those pages where the css does not work but the are under maintenance mode.
The css could be different for them.

SpinningPlays · February 2018

I'll deactivate the maintenance mode for those two sites. Here are the links:

Working: https://troupility.de/beitraege/
Not working: https://troupility.de/foren/thema/test-2/

Bryan · February 2018

Try this css

ul.breadcrumbs li a, ul.breadcrumbs li, ul.breadcrumbs li span {
	color:red !important;
	opacity:1 !Important;
}

SpinningPlays · February 2018

It works!!! Thank you so much!
=D>

Breadcrumbs not shown correcly

Comments