[Solved] Breadcrumb direction in rtl site

https://mitzpe-ramon.com/forums/

Translate ▼

Sofy

Admin

(@sofy)

Joined: 8 years ago

Support Team

Posts: 5778

May 04, 2019 1:24 pm

Translate ▼

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.

eranshefi

(@eranshefi)

Joined: 7 years ago

Active Member

Posts: 9

May 04, 2019 1:49 pm

Translate ▼

It works, but text is now the mirrored (attached)..............................

:(((

Any other solutions?

Sofy

Admin

(@sofy)

Joined: 8 years ago

Support Team

Posts: 5778

May 04, 2019 1:54 pm

Translate ▼

Ah @eranshefi yes I see.

I will update the topic a little later. Please wait for a while.

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.

eranshefi

(@eranshefi)

Joined: 7 years ago

Active Member

Posts: 9

May 04, 2019 1:58 pm

Translate ▼

Thanks!

Sofy

Admin

(@sofy)

Joined: 8 years ago

Support Team

Posts: 5778

May 04, 2019 4:57 pm

Translate ▼

@eranshefi,

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.

eranshefi

(@eranshefi)

Joined: 7 years ago

Active Member

Posts: 9

May 04, 2019 5:06 pm

https://mitzpe-ramon.com/forums/zimmer/%D7%9E%D7%97%D7%A4%D7%A9%D7%99%D7%9D-%D7%A6%D7%99%D7%9E%D7%A8-%D7%A6%D7%99%D7%9E%D7%A8%D7%99%D7%9D-%D7%91%D7%9E%D7%A6%D7%A4%D7%94-%D7%A8%D7%9E%D7%95%D7%9F/

Translate ▼

Done. Please check this link. There is an issue..

Sofy

Admin

(@sofy)

Joined: 8 years ago

Support Team

Posts: 5778

May 04, 2019 5:19 pm

Translate ▼

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.

eranshefi

(@eranshefi)

Joined: 7 years ago

Active Member

Posts: 9

May 04, 2019 5:23 pm

Translate ▼

Great! Thanks a lot!!!!

Will this be embedded in the next version, so I can erase the custom code then?

Sofy

Admin

(@sofy)

Joined: 8 years ago

Support Team

Posts: 5778

May 04, 2019 5:27 pm