Welcome Guest! Login
0 items Join Now

Remove border or shadow from active tab

  • Remove border or shadow from active tab

    Posted 1 month 3 weeks ago
    • URL: nieuw.megiq.com/products/vna-441#features

      On the image below you see a yellow line around the tab. You will see this when you click on one of the tabs. If I then move the mouse over this tab, the yellow line disappears. I already tried to remove that yellow border with box-shadow: none and adjustments to the border style. But I can't get rid of the yellow border.
      Can you help me?

      This image is hidden for guests.
      Please log in or register to see it.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 88471
    • Thanks: 11467
    • Web Designer/Developer

    Re: Remove border or shadow from active tab

    Posted 1 month 3 weeks ago
    • When developing web sites it is useful to learn to use either, the Inspector in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.

      Use this code...
      .rl_tabs > ul.nav-tabs > li.active > a:focus, .rl_tabs > ul.nav-tabs > li > a:focus {
        border-color: transparent;
      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.

      Regards, Mark.
    • The following users have thanked you: Maurice Lehr

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.069 seconds