• Resolved annvb1

    (@annvb1)


    I created a metaslider with 53 images and selected flexslider with image crop disabled (smartpad). I set the max width to 1920 and max height to 720. BUT – Images are displaying at no more than 417 px high; many are cropped, and some images are showing significantly reduced in size – like 182 px high. I’ve tried creating a new gallery; uninstalling and reinstalling the plugin, disabling other plugins like smush, and nothing works. I also typed in “< previous” in the Previous Text field and “next >” in the Next Text field yet no such text shows up on the slider; the only navigation consists of the forward and backward buttons on the right and left.

    Here’s the web page where the slider is displayed: https://f0e.371.myftpupload.com/images/

    Thank you for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi there,

    It looks like you’re using Jetpack’s Photon feature which is resizing the images.

    If you disable this you should find it resolves the issue.

    The navigation text is hidden by default – would you like it to be displayed in addition to the arrows or instead of?

    Thanks,
    Dave

    Thread Starter annvb1

    (@annvb1)

    That was it – thank you SO much!!!

    With regard to navigation text – I would like to display it in addition to the arrows.

    One last question – is it possible to add a slide count feature below the slides (is this referred to as pagination?) – i.e. 1/53, 2/53, 3/53 etc.?

    Again, thank you for your help – and for responding so quickly.

    Hi there,

    It would be tricky to display both text and image as the image needs to be set at a width and height of 30px which doesn’t allow enough room for the text plus it would overlay the image.

    You could create images that have the text as part of it but this isn’t ideal.

    Or you could have just the text without the images but visually this isn’t as appealing.

    Regarding the image count/pagination, take a look here:
    https://gist.github.com/tomhemsley/9765163

    Thanks,
    Dave

    Thread Starter annvb1

    (@annvb1)

    OK, so I would add this to my theme’s functions.php file, right? And would I just paste this code to the end of the file? Thanks.

    Yes that’s right, adding it to the bottom of the file is a good idea.

    Thanks,
    Dave

    Thread Starter annvb1

    (@annvb1)

    You’re a genius! But of course you probably already know that. the modification to the php file worked and the slide count feature looks great. Thank you!!!

    I understand about not being able to add “previous” and “next” in addition to the arrows, but if my client wants to use the text instead of the arrows, how can I make that happen? I tried unchecking “arrows” but that did not make the text appear. What step or setting am I missing?

    Hi,

    To display the text only try adding the following CSS:

    .metaslider .flex-direction-nav a {
        background:none;
        text-indent:0;
        width:auto;
    }

    Thanks,
    Dave

    Thread Starter annvb1

    (@annvb1)

    Beautiful! Thank you!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘metaslider images wrong sizes & navigation issue’ is closed to new replies.