Changing Breadcrumb Style - How-to and Troubleshooting - wpForo 2.0

RE: Changing Breadcrumb Style

JBSmooth — Mon, 16 Nov 2020 20:35:21 +0000

Posted by: @tutrix

@jbsmooth

try this

replace

#wpforo #wpforo-wrap .wpf-breadcrumb div:after, #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root i{
   display: none;
}

with

#wpforo #wpforo-wrap .wpf-breadcrumb div:after {
display: none;
}
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root {
border-left: none !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb .fa-home::before {
content: "Home";
font-size: 12px;
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

Thanks @tutrix - that did the job. Appreciate it.

RE: Changing Breadcrumb Style

Tutrix — Sat, 14 Nov 2020 17:41:07 +0000

@jbsmooth

try this

replace

#wpforo #wpforo-wrap .wpf-breadcrumb div:after, #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root i{
   display: none;
}

with

#wpforo #wpforo-wrap .wpf-breadcrumb div:after {
display: none;
}
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root {
border-left: none !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb .fa-home::before {
content: "Home";
font-size: 12px;
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

RE: Changing Breadcrumb Style

JBSmooth — Sat, 14 Nov 2020 14:53:24 +0000

So another question @Alvina or @Tutrix...When I drill down into a forum and thread, the Home/Forum text goes away (I don't use the forum menu bar).

I am attaching what it looks like on the forum index and when you go into a thread.

Thanks!

forum-breadcrumbs.PNG

RE: Changing Breadcrumb Style

JBSmooth — Fri, 13 Nov 2020 21:28:39 +0000

Well duh!?! I should have at least tried it. I say the "display: none" and assumed lol. Thanks @Tutrix

RE: Changing Breadcrumb Style

Tutrix — Fri, 13 Nov 2020 19:42:53 +0000

you wrote

Posted by: @jbsmooth

but not have the font awesome "home" and not use the chevron divider ">" but a straight line or nothing at all?

and the result with code from Alvina 😉

https://www.screencast.com/t/E94KD2pODG

RE: Changing Breadcrumb Style

JBSmooth — Fri, 13 Nov 2020 19:20:16 +0000

@Alvina - I don't want to hide it, I want to modify/style is differently.

RE: Changing Breadcrumb Style

Alvina — Thu, 12 Nov 2020 10:16:00 +0000

Please try the following CSS code:

#wpforo #wpforo-wrap .wpf-breadcrumb div:after, #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root i{
   display: none;
}

The CSS code should be added in the Dashboard > Forums > Settings > Styles admin page "Custom CSS Code" textarea.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

Changing Breadcrumb Style

JBSmooth — Wed, 11 Nov 2020 22:45:18 +0000

Is it possible to change the layout of the breadcrumbs? Still keep it inline, but not have the font awesome "home" and not use the chevron divider ">" but a straight line or nothing at all?

Thanks!

Smooth