Blocs 3 Tap - Colour changing of thin gre line

[pixelwork]

Does anyone already know how to change the colour of the thin grey line in the tab bric?
I can´t find a subclass so I did a work around, but that´s not really nice.

Thanks

[Bill]

Try class: .nav-link.active {border-color: #top #sides #bottom}
#bottom color should be whatever you background color is so it ‘disappears’

.nav-tabs {border-bottom: 1px solid #color}

Have fun.

Bill
BricsDesign

[pixelwork]

Tanks for the answer.
Where should this be aplied to, List Item, Content, Code area or after export?

Whish this would be possible within blocsapp.

Cheers

[Bill]

You can apply the style change by going into the Class Manager click the + and enter the class: nav-link.active and click Add Class & then in Class Editor change the top right left and bottom margin color (red in this example) w/ width of 1px on each one.

Similarly, add nav-tabs in Class Manager & then change color & set top/left/right to width 0 & bottom to 1px.

Then in Page > Settings > Add Code button, put this css code:
#ff0000 (red) for desired color & 3rd #ffffff (white) to hide bottom border.

You’ll have to preview to see it.

Have fun.

Bill
BricsDesign

[pixelwork]

Thank you so much Bill, this works like a charme.

Also saw your video yesterday, nice idea and good stroll around version 3.

Have fun too!

[Stewie_Griffin]

@Bill

#ffffff

Hi! I was trying to do the same thing on my project but it didn’t work!
Im trying to have this result so when I click on the button the bottom border change

Any idea of why isn’t working? I mean I can do it on a normal button but not on this one!