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

    Hello,

    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 4 years ago by SikoraEDV.
    #1267313

    Hey SikoraEDV,

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

    Best regards,
    Jordan Shannon

    #1267946

    Hey Jordan,

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

    Best regards,
    SikoraEDV

    #1268290

    Hi,

    Add this to quick css:

    .av-tab-section-tab-title-container a,
    .av-tab-section-tab-title-container a .av-inner-tab-title{
    width:400px!important;
    }

    Best regards,
    Jordan Shannon

    #1269183

    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,
    SikoraEDV

    #1269761

    Hi SikoraEDV,

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

    Best regards,
    Victoria

    #1271980

    Hi Victoria,

    attached you can find the mockup.

    Thanks a lot,
    Sikora EDV

    Pic1
    Pic2

    • This reply was modified 3 years, 11 months ago by SikoraEDV.
    #1272299

    Hi,

    Thanks for that. Please try this CSS instead:

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

    Best regards,
    Rikard

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