Custom Classes For Tab Nav Links

[DanielF]

Hello wise expert Bloc-ers…

I’m exploring using custom classes for the Tab Bric…

In the attached screen capture you will see the selected Tab Nav Link along with the Custom Class editor settings, and then you will see the result of those settings in a Blocs ‘preview’ mode.

The goal is to have only a ‘right’ border on the Tab Nav Link, and all other border lines turned off.

How is this achieved?

Thanks

[KBConcepts]

You really ought to become get @Eldar Mastering Blocs tutorials. He does such a great job explaining the workings of Blocs.

Blocs Master - Learn Web Design with Blocs 5

[Eldar]

Hi Daniel,

Check this thread:

Tabs Background Color

The new Blocs tab uses three classes to adjust the settings. nav-tabs This is used mostly for setting the length of the tabs and lines (strokes) nav-tabs .nav-link This is acually the list and links in the tabs. It is used to adjust these areas. nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active I’m not sure what all these are for but the most common use is to set the active tab. Maybe change the background color or other atributes. Casey

[DanielF]

Yes, Eldar does…and I did purchase it for Bloc 2…but he doesn’t ‘yet’ have a tutorial for Bloc 3 TABS & ACCORDIONS, so I’m waiting for that while I explore how to style Tabs & Accordion brics in Bloc 3. But I appreciate your suggestion.

[DanielF]

Thanks Eldar – I saw that thread, too.

Still, it is not clear to me how to style Tabs using custom classes in Blocs 3.

Perhaps your instruction, and those in that thread, are meaning to say that the pre-existing Bootstrap Class names for Tab Nav & Content areas are required, and user created named classes do not override the Bootstrap named Classes??

Thanks for you assistance…as always…