0
Welcome Guest! Login
0 items Join Now

Remove border or shadow from active tab

Last Post
Search Topic

  • Remove border or shadow from active tab

    Posted 4 years 2 months 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.
    #1422319
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Remove border or shadow from active tab

    Posted 4 years 2 months 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.
    #1422320

Time to create page: 0.043 seconds