Viewing 3 replies - 1 through 3 (of 3 total)
  • Praveen

    (@praveenmalav09)

    Hello @jessamca11,

    Please use below custom CSS in that tabs responsive’s custom CSS section then update the post.

    #tab_container_32095 .wpsm_nav-tabs{
       display: flex;
       justify-content: center;
    }
    
    #tab_container_32095 .wpsm_nav-tabs > li.active > a, #tab_container_32095 .wpsm_nav-tabs > li.active > a:hover, #tab_container_32095 .wpsm_nav-tabs > li.active > a:focus{
       border: none !important;
    }
    
    #tab_container_32095 .wpsm_nav-tabs > li > a{
       border: none !important;
    }

    Let me know if any issue.

    Thanks

    Thread Starter jessamca11

    (@jessamca11)

    Hello thank you for your response. It centers them, however it does not remove the box around it. Is there another way this is possible?

    Praveen

    (@praveenmalav09)

    Hello @jessamca11,

    Please replace above last 2 CSS code with below CSS code…Replace it in that post’s custom CSS section then update the post.

    #main #tab_container_32095 .wpsm_nav-tabs > li.active > a, #main #tab_container_32095 .wpsm_nav-tabs > li.active > a:hover, #main #tab_container_32095 .wpsm_nav-tabs > li.active > a:focus{
       border: none !important;
    }
    
    #main #tab_container_32095 .wpsm_nav-tabs > li > a{
       border: none !important;
    }
    
    Thanks
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘formatting tabs’ is closed to new replies.