Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 6, 2019 at 5:37 am #1097577
    Jason

    Hi there,
    None of the settings for vertical alignment work, but adding this CSS does what I want.
    .av-section-tab-title { vertical-align: top !important; }
    However, titles that are a single line, & titles that run over two lines, this CSS cause the arrows to move up/down accordingly.
    How do I make sure the arrows are all bottom aligned please, regardless of whether the title is a single or double line.
    Screenshot
    Thanks,
    Jason

    May 6, 2019 at 4:49 pm #1097736
    Nikko

    Hey Jason,

    Can you give us a link to the page mentioned? so we can chek further.

    Best regards,
    Nikko

    May 15, 2019 at 1:51 am #1100778
    Jason

    Hi Nikko,
    Apologies for the slow response, URL attached.
    Many thanks,
    Jason

    May 15, 2019 at 11:58 am #1100992
    Rikard

    Hi Jason,

    Thanks for that. First off, could you try updating the theme to the latest version (4.5.7) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    May 15, 2019 at 9:57 pm #1101168
    Jason

    Apologies, that’s been done – no difference I’m afraid.

    May 16, 2019 at 8:35 am #1101331
    Nikko

    Hi Jason,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    #top.page-id-4 #av-tab-section-1 .av-section-tab-title span.av-outer-tab-title {
    min-height: 72px;
}

    Hope it helps.

    Best regards,
    Nikko

    May 17, 2019 at 1:27 am #1101602
    Jason

    Thanks Nikko – works a treat.

    May 17, 2019 at 3:49 am #1101608
    Nikko

    Hi Jason,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Tab Title Vertical Alignment’ is closed to new replies.