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?
