Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1090788

    Hi there,

    I would like to make the tab section as seen in the Wireframe here:

    I want the images to be taller than they are wide, make the section full width, and reduce the space between the sections.

    I tried CSS that makes the columns wider, but couldn’t get them higher. Login info in private content.



    Hey Deanna,

    Thank you for using Enfold.

    You can try this css code to adjust the width of the tab section titles.

    #top .av-section-tab-title {
        padding-top: 0;
        width: 25%;
        padding: 0;
    #top .av-tab-section-image {
        width: 100% !important;
        background-size: cover;
        height: 400px !Important;

    Best regards,


    Hi Ismael,

    I ended up hiring a developer to help with this. However, I notice that the non-selected tabs are black and white. Is there a way to change this so they’re all in colour, but perhaps just a darker overlay ontop of the non-selected ones?




    Yes, it’s possible. Just add this css code to remove the grayscale effect.

    .av-tab-section-image {
        filter: grayscale(0);

    Thanks for the update.

    Best regards,

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

You must be logged in to reply to this topic.