Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 10, 2024 at 2:05 pm #1471001
    Monika

    Hey there,

    can I put more space between the Tabs ?
    The are really close to the center i would like to spread them wider horizontally.

    Cheers
    Monika

    November 10, 2024 at 2:44 pm #1471007
    Mike

    Hey Monika,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (min-width: 767px) { 
  .js_active .av-tab-section-tab-title-container {
  display: flex!important;
  justify-content: space-around;
  align-items: flex-end;
  }
}

    Best regards,
    Mike

    November 11, 2024 at 9:25 am #1471058
    Monika

    Thank you very Much Milke!
    That worked!

    The Tabs spread better.

    Would it be possible to make the Tab itself wider too?
    Because now, it ts making my Tab Text still very tight, creating two rows, even though its just a little text.

    Cheers
    Monika

    November 11, 2024 at 12:53 pm #1471076
    Rikard

    Hi,

    Please try this CSS as well:

    .av-inner-tab-title {
  width: 170px; 
}

.avia_transform .av-tab-arrow-container span {
  left: 33%;
}

    Best regards,
    Rikard

    November 11, 2024 at 4:27 pm #1471095
    Monika

    Thank you Rikard!!
    This works great!

    Cheers
    Monika

    November 11, 2024 at 8:29 pm #1471112
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Tabs too tight’ is closed to new replies.