Dots lost their spacing; now next to each other

Hey @skippywp, thanks for this. Actually though, you might want to update that to just target the li element and not the <a> as we will be adding it there as well (That’s what FlexSlider uses)

Hey @kbat82, thanks for the reply. I took out the <a> in the code above and unfortunately the dots wound up next to each other with no margin so added the <a> back in so there is a margin between each dot for now.

Perhaps I am not understanding your reply (I apologize for that), but I am happy so far, so I will await the next MS update and go from there.

Thanks again for letting me know. I truly appreciate it.

• This reply was modified 7 years ago by skippywp. Reason: typo

Actually @skippywp, if you want to undo anything you did, we addressed this in a release about 1 hour ago. Feel free to download that and report back if there’s still an issue.

I updated with the new release MetaSlider Version 3.6.3, and then added the code from another support ticket as I needed all the slider dots to show:
.flex-control-nav {position: static !important; }
But the dots are still showing with lots of space between them. I found that if I used this code, the spacing is improved: .entry-content ol li {margin: 0 0 0 0 !important ;}

Here is a sample home page with metaslider that recreates the dot problem I am having with a live site: site

The issue is the .entry-content ol li is part of the theme css and I am trying to figure out how to be more specific for metaslider. I have tried various combinations and the slider dots revert back to the wide spacing when I add another class. For example: `.flex-control-nav flex-control-paging li .entry-control ol li {
margin: 0 0 0 0 !important;}`

How can we make this .entry-content ol li code be more specific to metaslider?

Hope this makes sense. Thanks so much for your guidance.
Skippywp

• This reply was modified 7 years ago by skippywp. Reason: typo

Hi @skippywp,

They actually look pretty wild on your site! We didn’t want to be overly specific on the styling so that others may modify them if needed. However, I think it might be wise to have an override for .entry-content ol li so I will add it to our TODO list.

In the meantime, this should work:

.metaslider .flexslider .flex-control-nav li {
    margin: 0;
}

Hi @kbat82,
Awesome! The code you provided worked perfectly and looks good! Thanks for such a solid plugin! And, I appreciate your thoughts on going forward with the override. Great idea!

Thanks again!

Marking this resolved.