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

    Hi there,

    I would like to make the tab section as seen in the Wireframe here: https://imgur.com/a/DmqZUlO

    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.

    Thanks!

    #1091378

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

    #1103535

    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?

    Thanks!
    Deanna

    #1104713

    Hi,

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

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

You must be logged in to reply to this topic.