Tabs Hover

Hello,

Quick question, how can I remove the black hover line on the bottom of the tabs? I haven’t quite been able to find the right code. https://sandbox.zivelo.com/

Hi Mary,

Thank you for reaching out to us. To remove the bottom border, simply inspect your Tabs element in Pro editor, find Individual Tabs Border Colors option (see screenshot) and change the Interaction color to transparent.

Cheers!

I’ve clicked in every aspect of that section, how do I get to that area?

Hi Mary,

Please inspect your Tabs element again, then under INDIVIDUAL TABS panel, see the border-bottom option, set the width to 0, or change the interaction color to transparent.



Make sure to clear cache after the changes.

Hope it helps,
Cheers!

Under “Individual Tabs” this is not an option, the only options present are shown in the screenshot below. Please assist.

Hello Mary,

Thanks for asking. :slight_smile:

You can find the border bottom option under Border > Side click third option. Please see screenshot.

Thanks.

Thank you!

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.