AI Assistant
Notifications
Clear all

[Solved] Changing Breadcrumb Style

8 Posts
3 Users
4 Reactions
4,737 Views
Posts: 7
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@jbsmooth)
Active Member
Joined: 6 years ago
[#15133]

Is it possible to change the layout of the breadcrumbs?  Still keep it inline, but not have the font awesome "home" and not use the chevron divider ">" but a straight line or nothing at all?

 

Thanks!

Smooth


7 Replies
Alvina
Posts: 1860
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 6 years ago

Please try the following CSS code:

#wpforo #wpforo-wrap .wpf-breadcrumb div:after, #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root i{
display: none;
}

The CSS code should be added in the Dashboard > Forums > Settings > Styles admin page "Custom CSS Code" textarea.

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.


Posts: 7
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@jbsmooth)
Active Member
Joined: 6 years ago

@Alvina - I don't want to hide it, I want to modify/style is differently.

 

JB


Tutrix
Posts: 1519
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@tutrix)
Noble Member
Joined: 6 years ago

you wrote

Posted by: @jbsmooth

but not have the font awesome "home" and not use the chevron divider ">" but a straight line or nothing at all?

and the result with code from Alvina  😉 

https://www.screencast.com/t/E94KD2pODG


Posts: 7
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@jbsmooth)
Active Member
Joined: 6 years ago

Well duh!?!  I should have at least tried it.  I say the "display: none" and assumed lol.  Thanks @Tutrix


Page 1 / 2
Share: