Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 15, 2019 at 1:19 am #1090788
    rosewoodva

    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!

    April 16, 2019 at 11:16 am #1091378
    Ismael

    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

    May 23, 2019 at 4:55 am #1103535
    rosewoodva

    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

    May 28, 2019 at 7:22 am #1104713
    Ismael

    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

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