Slider shows one image and a dot

oh and I am using responsive. The other slides react differently. Some show nothing, one shows all the pictures without a slide.

I tried it on a different page in my website and it worked fine. It must have something to do with the particular pages I’m working with. My portfolio pages are set up differently than the other pages in my website. I’m not sure how to fix this…

Hi Madhatter,

Its difficult to say without seeing the site itself. If you could send a link I’ll take a look.

Regards,
Tom.

I did. It’s the first link. You might need to wait a second for it to load all the way.
https://www.sibdesigns.com/#/portfolio/portfolio/invitation/

Sorry, missed the link first time round.

This css will get rid of the dot:

.metaslider ul {
 list-style: none;
}

The javascript looks like it’s being stripped out (which is why its not ‘sliding’) – do you have any plugins that minify JS or cache it? Or any plugins that might mess with the JS really.

Regards
Tom.

I’m having the same problem. The CSS got rid of the code, but it still shows only one picture and nothing more! No arrows,no bullets.. nothing. Just one picture of many.
Please help.

Hi Brymka,

It may not be the same issue at all. Please start a new thread (copy the text from the sticky topic) and I’ll take a look ??

Regards
Tom.

I’m having the exact same problem. (Though I haven’t really tried troubleshooting it – I’m not sure how).

My site is here. https://projectstories.org/
It works with other themes: Haven’t Tried
It works when I disable all other plugins: No
Meta Slider version: 2.1.1

The dot is the least of my concerns, I just don’t know how to get the slider to slide. I’ve tried disabling all the other plugins we’re using, and it did nothing, so I don’t think the JS is being affected by that.

Would you rather I started a new thread? It seems to me that my issue is the same.

Hi ingridly,

Make sure your footer theme file has a call to wp_footer() just before the closing </body> tag. (This issue is different so please start a new thread if you need to reply – it makes it very difficult for me to keep track of things/resolve threads if I have multiple issues in the same thread)

Regards,
Tom.

Perfect! Thank you!

hi

I’ve tried the code and I can’t get rid of the dot?!!!

https://www.famowp.findamortgageonline.co.uk/?page_id=60

Help appreciated!

Thanks,
Pete

[When posting a link to a web page, just paste in the url. The forum’s software will turn iut into a link automagically.]

my site is here and the meet the team section is the slider

cheers

Hi, please try adding this:

.widget-container .metaslider li {
    padding: 0;
    background: none;
}

Regards,
Tom

Hi thanks for the speed response.

I have tried this too but no joy – I’m literally just pasting that code into the bottom of the CSS stylesheet in Appearance > Editor. Is this correct?

Cheers

Hi, I can see the CSS is in the correct file, but it’s not being picked up by the browser. It’s not immediately obvious why not, but I suspect there’s a validation error in the CSS somewhere. If you move the CSS I sent right to the top of the file it should work.

Regards,
Tom.