Navigation
Archive / css to make tabs full width
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 2, 2016 at 5:43 pm #1199683
    dthom
    Participant

    Hi. I am using the Integrity stack with tabs in my content area. I can’t figure out the proper css to have them appear full width within the content area (screenshot attached).

    Thanks!

    October 2, 2016 at 5:59 pm #1199694
    dthom
    Participant

    Also, can you help me with removing the borders around the content bands on this page – tab2 (middle tab). https://mysalus.org/myhome

    Thank you

    October 2, 2016 at 9:28 pm #1199956
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Add this in your customizer > Custom > CSS:

    1 

    .x-nav-tabs>li{
width:273px;
}

    2. You can add a border:none; or border-bottom; to your content band style box to remove the borders of your content band.

    Hope it helps.

    Let us know how it goes.

    Thanks.

    October 3, 2016 at 4:21 am #1200250
    dthom
    Participant

    thanks, that worked!

    October 3, 2016 at 4:51 am #1200278
    Lely
    Moderator

    You’re welcome!

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1199683 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>