Gallery issues with Easy Responsive Tab again

[Anonymous]

Hi, I am still having issues while using the galleries with ERT. Last time you asked me to copy the following code to style.css.
.osc-res-tab .tab-content { position: relative; padding: 0 !important;}
.osc-res-tab .tab-content > .tab-pane {display: block !important; visibility: hidden;position: absolute;z-index: -100;pointer-events: none; width: 100%; padding: 10px;}
.osc-res-tab .tab-content > .active {display: block; visibility: visible !important;position: relative !important;z-index: initial !important pointer-events: auto !important;}

While the code fixed the issues of galleries getting displayed in the tabs but it has created a new problem. Now the new issue is the first image from the gallery under the second tab is getting displayed below the first gallery. You can see it here http://pioneeringpunjabis.ucdavis.edu/test/
When you scroll down you can see the picture from second gallery.

Thanks in advance for the help.

[Rattus]

Ok, try the code below instead:

.osc-res-tab .tab-content { position: relative; padding: 0 !important;}
.osc-res-tab .tab-content > .tab-pane {display: block !important; visibility: hidden;position: absolute;z-index: -100;pointer-events: none; width: 100%; padding: 10px; left: 0; top: 0; opacity: 0;}
.osc-res-tab .tab-content > .active {display: block; visibility: visible !important;position: relative !important;z-index: initial !important pointer-events: auto !important; opacity: 1;}

[Author]

Posts