• Resolved alamcp

    (@alamcp)


    Hello again,

    I’ve run into a plugin conflict when putting multiple image sliders within a set of tabs. The plugin is Ultimate Responsive Image Slider. The plugin works fine with multiple sliders on the same page, it’s only within the tabs that there’s an issue. The first slider will display fine, then the second one breaks – suddenly the images have extra margins and are only half visible.

    Any ideas or recommendations on other plugins that are known to work better with Tabby or how I might work around this?

    The password to view the staging site is: cluttered-door

    Really appreciate any insight!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author cubecolour

    (@numeeja)

    I doubt that this is a conflict, but it is likely to be a result of the output from the image slider plugin being displayed incorrectly as it is not visible at page load due to the correct dimensions not being calculatedly the script. The only time I have needed to put a slideshow of images within a tab I made a simple custom plugin using the jquery tcycle.js script, however I don’t know which publicly available plugins might also work well.

    Thread Starter alamcp

    (@alamcp)

    Ah you’re right, that seemed to the be the issue last time when I tried to put display post grids into a tab system as well. Thanks for the reminder!

    Thread Starter alamcp

    (@alamcp)

    Found a solution via CSS: by setting the tab content to always display, but then make it invisible.

    .entry-content div.tabcontent.responsive-tabs__panel[aria-hidden=”true”] {
    display: block !important;
    height: 0px;
    overflow: hidden;
    }

    .entry-content div.tabcontent.responsive-tabs__panel[aria-hidden=”false”] {
    display: block !important;
    height: auto;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Conflict with Ultimate Responsive Image Slider?’ is closed to new replies.