Archived topic
Slider in GP Hooks Doesn't Load After Adding Gallery
10 replies · Started by Mary Pearson on August 10, 2017
I'm just starting to build a new site at http://awesomewebsites4u.com/
I have a slider in GP hooks that works just fine until I added a photo gallery with 3 images.
Is there something that I can do to make both work?
Hi there,
It should work no problem.
Can you show me the code you've added in hook?
<center>[slide-anything id='183']</center>
Does it work without the <center></center> tag?
Hi,
You've got a huge slider there... it's just being made invisible! Your Owl Carousel's own CSS is vanishing it, too. This plugin has a CSS file called owl.carousel.css. Here's the offending code. Notice the "display" line:
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
So what you'll need to do is to edit that line, or override it with some additional CSS. Why they would have that line in their CSS is totally weird - it seems to make no sense.
Also, although I'm not inside your site, I very much doubt that the GP hooks have anything to do with this at all.
Cheers, Dave
Thank you Leo and David. Leo, no, removing the <center> tags didn't make a difference.
Re huge slider, right now I'm just figuring out sizes, etc. I haven't actually chosen the images I'm going to use or optimized them, however I think, based on what you have told me, that I'll try another slider.
Many thanks guys! Will close this ticket.
Glad we could help!
Indeed, it seems it was good that I ran into problems. Am now trying out Smart Slider 3 and it looks a lot better than the one I was trying to use.
Smart Slider 3 is my personal choice :)
Oh that IS good news! Thank you.
No problem :)