[LelyModerator]

Hello Pace,

This is the downside of this setup. For the blog to show on the breadcrumbs, it should be set as blog index page on settings reading. Since you’re using THE GRID plugin, for blog page, wordpress cannot access it because it is not an set as blog index page but rather this is just normal page. That is how wordpress structure works.

The extra space is because, when the filter works the content of the page is not enough to occupy the entire browser height. You may want to add the following CSS:

.page-id-220 .x-main.full {
   min-height: 100vh;
}

Hope this helps.

[BlupaceParticipant]

Hey Lely, so the code you said for the page worked great.

I’ve still been thinking about how to fix the breadcrumbs for post, and I’m 80% there, just need a little help in fixing a couple of issues.

I installed Breadcrumb NavNT and Post parents.
This has provided the correct breadcrumb trail just like I wanted.

The only thing I need to do now is:-

Make the header widget permanent on my pages, and not a box that expands.
Make widget area smaller, and format the text within it to look a little more like the original theme breadcrumbs.

Kind regards,

Pace

[Rue NelModerator]

Hello Pace,

Thanks for updating in! I have checked your site and noticed that the widget is always on display anywhere in your site.
http://prntscr.com/eo5i87

Do you want any specific layout or maybe could please provide screenshot or mock layout so that we will have some idea of what you have in mind?

And if you want to format the text in the breadcrumb, you can make use of this code:

.widget_breadcrumb_navxt .breadcrumbs,
.widget_breadcrumb_navxt .breadcrumbs a{
    font-size: 14px;
    color: red;
}

Just feel free to change it or add more styling to it.

[BlupaceParticipant]

Hey,

I’ve kinda got it working but struggling a little with the CSS.

I really just want to make the header widget look like the original breadcrumbs:
Is it possible to get the small house icon displayed instead of “Blupace Photography” for the home link in the breadcrumbs, also the forward and back arrows that the original breadcrumbs have on the right side of the widget.

[Rue NelModerator]

Hello There,

Thanks for updating this thread! It sounds like you want to modify the Breadcrumb Nav XT to look like the default X breadcrumb. It might not be possible since they do not share the same structure. We can only style it to look more like it but the it is only limited. The next and previous buttons may only be possible with custom development.

To add a home icon in your breadcrumb, just like this:

Please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.breadcrumbs .home span {
    display: none;
}

.breadcrumbs .home:before{
    content:"\f015";
    font-family: font-Awesome;
}

Hope this helps. Please let us know how it goes.

[BlupaceParticipant]

Perfect, exactly what i was looking for..

Thank you 🙂

[RadModerator]

You’re welcome!

[Author]

Posts