Limited Support
Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.
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?
Ah @eranshefi yes I see.
I will update the topic a little later. Please wait for a while.
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?
