[Resolved] Slider in GP Hooks Doesn't Load After Adding Gallery

[Mary Pearson]

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?

[Leo]

Hi there,

It should work no problem.

Can you show me the code you’ve added in hook?

[Mary Pearson]

<center>[slide-anything id=’183′]</center>

[Leo]

Does it work without the <center></center> tag?

[David]

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

[Mary Pearson]

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.

[Leo]

Glad we could help!

[Mary Pearson]

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.

[Leo]

Smart Slider 3 is my personal choice 🙂

[Mary Pearson]

Oh that IS good news! Thank you.

[Leo]

No problem 🙂

[Author]

Posts