Nav pointers on slider have changed after update

Hi @robmcp,

Do you have a link to your site I can look at?

My arrows disappeared on one set of slideshows, but the same ones in another instance, show up just fine???
These work just fine via the Client Success photo link… https://www.nealandbrownlee.com/hunt-offerings-north-america/#lower-48
But the ones here: https://www.nealandbrownlee.com/#client-success, when you click on the images, don’t show the arrows at all and don’t auto play??

@kbatdorf sorry no link, it’s on a local server (behind me!)
@etrnluv I looked at thhe site, very nice, but nowhere in it could I see > type navigation on a metaslider, sorry.

What appears to have happened on the slider is that my < > pointers that were coded as
.Slider .flex-direction-nav a.flex-next::before {
content: “>”; (My pointer ‘icon’

Have been replaced by this code

.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
margin: -20px 0 0;
box-shadow: none!important;
display: block;
background-image: url(../sliders/flexslider/direction_nav.png);
background-repeat: no-repeat;

That .png is a single image with < > in a black circle.

For some reason my CSS is being over ridden by the metaslider update.

I think I’ll try replacing the image with a hack of my own, not perfect as each time the plugin is updated I will have to remember to reload mine in it’s place.
Probably a simple fin, but when you look at something for so long you miss things.

You have to click on the ‘Client Success’ photos on the homepage to open up the slideshow. Those are the ones that aren’t working properly.
The other links are on the Offering pages, https://www.nealandbrownlee.com/hunt-offerings-north-america/#lower-48 Look for the link that says ”
Click to view client success photos from this area.” It should have a light box effect for the slideshow. These have the updated arrows that look a bit strange…but they are working.

@robmcp,

Yeah we upgraded MetaSlider and had to override some default FlexSlider styles so that it was compatible with the older version. The newer uses font icons and the older uses images. We had to keep it as images as themes have replace those images and therefore would not be able to replace the font icons. I understand the frustration it caused some people though. Glad you worked out a fix for it.

@etrnluv,

I checked the markup on your slideshow and the arrows arent being rendered. 99/100 this means you forgot to check off the box to enable them. Can you double check that for me? If that’s not the case then it might be a conflict with another plugin, or a corrupt installation. Or something I would need more info about to debug. Let me know.

I am aware they aren’t being rendered…that would be the issue. ?? However, the very same slideshows ARE rendering the arrows (ever so badly but yeah…) when seen via the links on the offering pages. The home page Client Success galleries are not rendering the arrows, and they aren’t even auto playing. I have put in a support ticket and have not had any satisfaction with that, as of yet.

• This reply was modified 6 years, 12 months ago by etrnluv.

Hi @etrnluv

When the HTML markup isn’t present at all it’s usually that the box isn’t ticked off. Did you make that it was?

kbatdorf Thanks, my solution was not very elegant, and I am still playing with it to get the result I wanted, but at least I know that the update is the reason for my (I have more) ‘breakages.

I note you said

default FlexSlider styles so that it was compatible with the older version. The newer uses font icons and the older uses images.

Do you mean the older uses images? On an inspect I see this image listed

background-image: url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/bg_direction_nav.png); the new one looks like it uses images?

Cheers.

Yes, the same exact slideshows, same shortcode, same slides, same everything (with the arrow box selected) are showing the arrows in one instance, and not the other instance, that would indicate a problem. The only slight difference is how and where the slideshow appears in the site. I am guessing that is where the issue is?
The slideshows that do not show arrows, also do not auto play, they should. The same slideshows in the other instance do auto play.

I think I figured it out. I turned off ‘no conflict mode’ and it works fine. Ugh!

Hi @robmcp, The new version of FlexSlider uses icon fonts, which isnt compatible with MetaSlider, so thats why we added that code.

Hi @etrnluv, That’s great to hear!

I’ll mark this resolved then but feel free to open a new issue if needed. Thanks.