Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 18, 2019 at 8:44 pm #1111488
    binarystream

    Hi guys,

    I recently got some help from one of your fine support staff with making the content within a tabbed element full-width. I am now encountering an issue now that am adding images to each of the tabs. I found a user with a similar issue to mine , and it seemed that the solution was to add a snippet of code to the Quick CSS area:

    .av-active-tab-title .av-tab-section-image {
    margin: 0 auto;
}

    Initially, I thought this solution worked for me, but I noticed that the image would revert to being off-center when the tab became inactive.

    Would you be able to provide me a piece of code that would allow the image to be centered, regardless of being active?

    I’ve included the URL to the page in question in the Private Content text area.

    Many thanks!

    June 19, 2019 at 7:36 pm #1111672
    Victoria

    Hey binarystream,

    Could you please attach some screenshots of the issue?

    The tab section looks fine on my end and there are no centered images there.

    Best regards,
    Victoria

    June 19, 2019 at 7:57 pm #1111684
    binarystream

    Hi Victoria,

    Apologies! I was just about to reply to this message to mention that I have solved the issue myself.

    I was inspecting the elements in Chrome and found the inactive tab selector. This is the bit of CSS code I added to the Quick CSS section (in case anyone else comes across this problem):

    .av-tab-section-image {
    margin: 0 auto;
}

    Cheers!

    June 20, 2019 at 12:43 am #1111749
    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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Tabbed Section Image Not Centered When Inactive’ is closed to new replies.