[Solved] Breadcrumb direction in rtl site
Hi
Breadcrumb is going from left to right (screenshot attached).
How can I change it to go from right to left?
Thanks
In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
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;
}
In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
It works, but text is now the mirrored (attached)..............................
:(((
Any other solutions?
In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
Thanks!
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;
}
In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
Done. Please check this link. There is an issue..
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;
}
In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
Great! Thanks a lot!!!!
Will this be embedded in the next version, so I can erase the custom code then?
In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
-
Long usernames causing horizontal overflow in message view
3 months ago
-
Recent Topics user icon
5 months ago
-
How to remove the 'Like' buttons entirely
10 months ago
-
wpForo custom theme files give a 404 when in a WordPress child theme
1 year ago
-
hi, how to adjust the layout on mobile, it looks really aweful
1 year ago
- 19 Forums
- 14.2 K Topics
- 71.1 K Posts
- 103 Online
- 6,052 Members

