Site logo

Archived topic

Slider in GP Hooks Doesn't Load After Adding Gallery

10 replies · Started by Mary Pearson on August 10, 2017

Viewing posts 1–11 of 11

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 :)

This archived topic is closed to new replies.