Notifications

Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

wpForo 1.x.x [Solved] Changing Breadcrumb Style

JBSmooth · 2020-11-11T22:45:18Z

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

Page 2 / 2 Prev

How-to and Troubleshooting

Last Post by JBSmooth 5 years ago

8 Posts

3 Users

4 Reactions

4,204 Views

RSS

Posts: 7

JBSmooth

Topic starter

Nov 14, 2020 2:53 pm

(@jbsmooth)

Active Member

Joined: 5 years ago

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

2 Replies

Tutrix

(@tutrix)

Joined: 6 years ago

Noble Member

Posts: 1521

Nov 14, 2020 5:41 pm

Reply to

JBSmooth

@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;
}

JBSmooth

(@jbsmooth)

Joined: 5 years ago

Active Member

Posts: 7

Nov 16, 2020 8:35 pm

Reply to

Tutrix

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.