Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 23, 2020 at 8:49 am #1206469
    YourChoice Informatik GmbH

    Hi
    Is it possible to have more space between the icon and the title of a tab (reiter)? And it is also possible to make the icon a little bit smaller?
    How we can do this with CSS? Should be for every tab (reiter) on the website.
    Please find the login informations in the private content section.
    Thanks very much.
    Best regards
    Mike

    April 26, 2020 at 11:56 pm #1207403
    Mike

    Hey Michael,
    Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-3274 .av-tab-section-icon,#top.page-id-24 .av-tab-section-icon {
    font-size: 20px !important; 
    margin-bottom: 15px;
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    April 29, 2020 at 2:41 pm #1208166
    YourChoice Informatik GmbH

    Hi Mike
    Not tested it yet. But one question. If we want to have this on all tabs on our website, could we do it like that?

    #top .av-tab-section-icon {
    font-size: 20px !important; 
    margin-bottom: 15px;
}

    And it is also possible, to change the icon color of the active tab?

    April 29, 2020 at 3:29 pm #1208185
    YourChoice Informatik GmbH

    Hi again
    We saw, that it is possible to change the color of the active tab directly in the Enhanced Layout Architect.
    The code you sent works also fine.
    So you can close this issue.
    Thanks very much.
    Best regards
    Mike

    April 29, 2020 at 10:34 pm #1208348
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Style of Tabs (Reiter)’ is closed to new replies.