Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 25, 2018 at 8:37 am #946434
    evancole

    Hi,
    I am using tabs for my users to scroll through a few different informational pieces. I am not using text in the titles – images only. I had adjusted the spacing and size of the titles to make the images larger. The update to 4.3 seems to have broken some of the CSS references I make, causing the images to be the smaller size and tiling the image to fill the space.

    Here’s the quick CSS that I have been using to style the tab titles:

    
/* Tabs */
#botstyle .av-inner-tab-title {
    width: 170px !important;
    font-family: 'Source Code Pro', monospace;
    font-size: 22px;
    font-weight: 700;
    text-transform: none !important;
}

/* Make heading wider for images to be bigger */
.av-tab-section-image {
    width: 120px !important;
}

    Link to my site is in the private content so that the mods can see what’s happening.

    I’m looking for what I hope is a quick fix to make this work again. Thanks!

    April 25, 2018 at 8:47 am #946437
    evancole

    NM, I’m a dummy. Added a height reference in the .av-tab-section-image and it sorted everything out.

    April 26, 2018 at 10:49 pm #947508
    Basilis

    Hi,

    Thank you very much for updating us.
    We much appreciate it.

    Best regards,
    Basilis

    May 1, 2018 at 8:33 pm #949656
    Lukas

    Hey,
    I have an issue with tab after the update to 4.3. I use text and image and from the update all images are there 2x and they are not centered. How to clean this issue?
    There is a screenshot: https://ibb.co/dcZqtn

    Thank you, Lukas

    May 3, 2018 at 3:49 pm #950875
    Nikko

    Hi Lukas,

    Thanks for giving us a screenshot.
    Can you give us a link to your site? so we can try to take a closer look.

    Best regards,
    Nikko

    May 3, 2018 at 10:06 pm #951118
    Lukas

    Hi Nikko,
    You can see it here: http://test.safe4you.do/#product

    Best regards,
    Lukas

    May 5, 2018 at 6:11 am #952019
    Rikard

    Hi,

    Thanks for the link. Please try the following in Quick CSS under Enfold->General Styling:

    .av-tab-section-image {
  background-repeat: no-repeat;
  background-position: center;
}

    Best regards,
    Rikard

    May 5, 2018 at 3:03 pm #952119
    Lukas

    Hi Rikard,
    Thank you for the solution. It works.
    Best regards,
    Lukas

    May 7, 2018 at 4:45 am #952470
    Rikard

    Hi Lukas,

    Great, glad we could help. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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