Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 9, 2018 at 11:34 am #970380
    momoko-enfold

    Hi there!

    It would be nice to have a small seperator-line between the tabs.

    I’ve tried this so far (also reduced tab container height with this)

    #tab_sec_product .av-section-tab-title {
border-right: 1px solid #3e3e3e !important;
height:25px !important;
padding: 0px 20px 0px 20px !important;
}
#tab_sec_product .av-inner-tab-title {
margin-bottom:0px !important;
}

    But then, the last tab also gets an seperator to his right…

    I hope you can help me!

    Best Regards
    Birger Reichenau

    June 10, 2018 at 7:00 am #970628
    Rikard

    Hallo Birger,

    Could you post a link to the page in question so that we can take a closer look please?

    Grüß,
    Rikard

    June 10, 2018 at 8:38 am #970672
    momoko-enfold

    Hi Rikard,

    of course :)

    You’ll find my css code in the quick css.

    Thanks!

    June 11, 2018 at 7:36 am #970949
    Rikard

    Hi,

    Thanks for that. Maybe you could try to target only the second element to have a border. I’m not sure if this CSS is correct or not, but you can try it:

    #tab_sec_product .av-section-tab-title:nth-child(2) {
border-left: 1px solid #3e3e3e !important;
border-right: 1px solid #3e3e3e !important;
}

    https://www.w3schools.com/cssref/sel_nth-child.asp

    Best regards,
    Rikard

    June 11, 2018 at 3:11 pm #971230
    momoko-enfold

    Hi Rikard,

    thank you! Your code works fine!

    Best Regards
    Birger

    June 12, 2018 at 8:58 am #971572
    Rikard

    Hi Birger,

    Great, glad it worked out :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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