Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1267251


    I have got a problem with when it comes to cahnge the font size of the headers of a selection Tab.
    If the size is being increased to much the headers will overlap.
    How do I have to customize the custom CSS to avoid this behavior?

    Here is the current custom CSS file content:

    #top .av-inner-tab-title {
    font-size: 25px;

    Thanks in advance for any helpful thought.

    • This topic was modified 1 month, 1 week ago by  SikoraEDV.

    Hey SikoraEDV,

    So you want the text on one line or the font smaller?

    Best regards,
    Jordan Shannon


    Hey Jordan,

    I want the text in one line and the small larger.

    Best regards,



    Add this to quick css:

    .av-tab-section-tab-title-container a,
    .av-tab-section-tab-title-container a .av-inner-tab-title{

    Best regards,
    Jordan Shannon


    Hi Jordan,

    It does not look like it is right, please take a look at the website.
    The arrows facing to the subheadings are not positioned properly.

    Best regards,


    Hi SikoraEDV,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,


    Hi Victoria,

    attached you can find the mockup.

    Thanks a lot,
    Sikora EDV


    • This reply was modified 1 week, 4 days ago by  SikoraEDV.


    Thanks for that. Please try this CSS instead:

    .av-tab-arrow-container {
        width: 400px;

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.