If you make small changes you can save custom CSS in the custom CSS field. But if you make much changes, I recommend to install Code Snippet and put CSS to the example snippet and activate the plugin.
Look at the source code the name of the nearest container element and then set CSS
#container a {font-size:…} /* or .container */
I just can’t help more because the name of the container element depends on the current situation. This plugin doesn’t create a container element for breadcrumbs.
It would be nice idea if the author of this plugin could set a container element for the breadcrumb. It would be then easy to give exact instructions how to set desired CSS.
If you use the recommended calling code, or the included widget, you should be able to target the .breadcrumbs class in CSS. I recommend using your web browser’s built-in inspector to test out styling before adding it to your theme or child theme’s style.css.
To reduce the font size by 20% you can use:
.breadcrumbs{font-size: 0.8em;}
-
This reply was modified 6 years, 11 months ago by
John Havlik.
In what conditions you get the class “breadcrumbs”? When I defined it with PHP-coding I didn’t get element with that class. Calling the function bcn_display(), make breadcrumbs without a container element. I must myself define the container element. That’s why I asked, if the container element could be already.
If you use it as widget, you don’t have commonly a widget area, where to put the breadcrumbs. You want them apparently near page title. That is difficult to do if the widget area is on the right, left or bottom widget area. Very few themes has widget area in place, where you could use breadcrumbs easily as widget.
@tapiohuuhaa: The recommended calling code for Breadcrumb NavXT includes a wrapping div containing the .breadcrumbs class. See https://mtekk.us/archives/guides/calling-the-breadcrumb-trail/ The wrapper is not included in the call to bcn_display() and bcn_display_list() to simplify the functions and allow the integrator more flexibility. Both the widget and the Gutenberg block what will be in 6.3 are wrapped with an element with class .breadcrumbs.
That is then recommendation, if this plugin is not used by widget or a gutenberg blog. That needs some PHP-skills. But as I explained, using this plugin as widged is problematic. That’s why it in my mind would be better that it would be defined like breadcrumbs for bbPress and like in ppb style pack. As default they are above the main content are, which is the most natural place to put them. But putthing with this plugin them to that place is too complicated for many users of WordPress, who would like to use this plugin.
