Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 14, 2021 at 5:42 pm #1294421
    dreisatz

    Hi there,
    two small hints needed ;-)
    #1: i´d like to know how minimize the distance / gap between the outer & inner container using tab section
    #2: is there a chance to display and color the white arrow – which is shown if tab is active – on hovering the inactive tab? e.g. first inactive tab arrow blue on hover, second inactive tab red – so the arrow is the same color of the inactive tab title

    Image for illustrating the issues:
    tab section: gap container arrow on hover

    link in private content

    thanks in advance

    dreisatz

    April 16, 2021 at 11:02 am #1294758
    Ismael

    Hey dreisatz,

    Thank you for the inquiry.

    You can use this css code to adjust the padding or space above the tab section title.

    .av-tab-section-tab-title-container {
    padding: 50px 0 0 0;
}

    And to show the arrow on hover, use this one.

    a[href="#konferenz-trackblau"]:hover .av-tab-arrow-container span {
    background: #014593 !important;
    top: 10px;
}

a[href="#konferenz-trackrot"]:hover .av-tab-arrow-container span {
    background: #cf142a !important;
    top: 10px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.