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! 🎄
Hi
Breadcrumb is going from left to right (screenshot attached).
How can I change it to go from right to left?
Thanks
Hi @eranshefi,
Please navigate to Dashboard > Forums > Settings > Styles admin page, add the following CSS code in "Custom CSS code" textarea, save it, delete all caches and check again:
#wpforo #wpforo-wrap .wpf-breadcrumb {
transform: rotateY(180deg) !important;
}
It works, but text is now the mirrored (attached)..............................
:(((
Any other solutions?
Please remove the code I've provided in this post and add the following one.
#wpforo #wpforo-wrap .wpf-breadcrumb {
display: flex;
}
.wpf-item-element.wpf-root:after {
display: none;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after {
right: -20px;
box-shadow: -2px 2px;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div:after {
right: -15px;
box-shadow: -2px 2px;
}
ok @eranshefi I see, add this code and let us know if you see any other issue:
#wpforo #wpforo-wrap .wpf-breadcrumb div{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root {
border-left: none;
}
Great! Thanks a lot!!!!
Will this be embedded in the next version, so I can erase the custom code then?
