Okay
  Public Ticket #1748729
Spacing between tabs element
Closed

Comments

  • providentit started the conversation

    Hi, 

    Apologies if you don't usually deal with these kind of requests, but we're really struggling to tweak how the tabs are displayed on this page. We've managed to centralise them on the page, which is great, but we'd really like to add a gap/space in between each tab so that they're not touching each other.

    The three tabs are currently "Industrial", "Architectural" and "Bespoke". Please could you let us know if there is an option for this, or what CSS we'd need to input in the theme options to give a gap? We can play around with the gap sizes for different devices, but we just don't know what CSS we'd need to start with.

  •  8,998
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpb_content_element .wpb_tabs_nav li {
        margin-right: 3% !important;
    }

    Thanks


    ThemeNectar Support Team 

  • providentit replied

    That has worked perfectly, than you very much Tahir!