[closed]Features showcase slides overlaying in Chrome
-
-
- Kristen Mac
- Sr. Rocketeer
- Posts: 154
- Thanks: 4
-
I have a features showcase that has been working fine (I think), however now it is overlaying each new slide on top of the previous one in Chrome. This is not happening in firefox explorer or in safari.
You can see it here thekudos.org.nz/
This image is hidden for guests.
Please log in or register to see it.
It is the second slider that is set to autoplay. This is the Isotope template.
Thanks
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Use this code...
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet ..layout-showcase .sprocket-features-list li[style*="opacity: 0"] { visibility: hidden !important; }
Remember to recompile CSS from base outline too.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kristen Mac
- Sr. Rocketeer
- Posts: 154
- Thanks: 4
- I have added that code to the custom css file and have recompiled base outline css but it doesn't seem to have made any change.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
It looks like it needs a bit more CSS specifity... change it to...
div.layout-showcase .sprocket-features-list li[style="opacity: 0"] { visibility: hidden !important; }
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kristen Mac
- Sr. Rocketeer
- Posts: 154
- Thanks: 4
- I have added the new code but it is still happening. I tried it with and without the "div" at the begining. I have created a user for you to use if you would please look at it. Thanks
-
-
-
- Kristen Mac
- Sr. Rocketeer
- Posts: 154
- Thanks: 4
- I have now added #g-showcase to increase the specificity, but still no luck. It seems that it is just the first slide that is remaining throughout the transitions. The 2nd and third slides are not remaining.
-
-
-
- Kristen Mac
- Sr. Rocketeer
- Posts: 154
- Thanks: 4
- I have changes the transition from crossfade to right to left and that seems to have bypassed the problem. It appears the issue is with the crossfade transition.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Hmmm, you seem to have something different again from the CSS that I gave you in my last reply?
So, are you ok now with the change that you have made? If not reinstate the CSS that I gave you and the original transition.
Otherwise, Is your issue now solved? If so, please EDIT your FIRST POST in this thread by adding [SOLVED] at the start of the title and then select the TICK icon. This lets the moderators know that it can be moved to the solved section.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kristen Mac
- Sr. Rocketeer
- Posts: 154
- Thanks: 4
- I have tried the css you supplied but it didn't work. So I have done a work around. It is not really solving the issue, so not sure that solved would be correct. I don't really want to leave the site with the error as it is a live site.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Ok, if you're happy with your workaround I'll just mark this topic as "closed".
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.070 seconds