Slider questions

Support
#1

Hi,
I am trying to get my head around sliders and exactly how the create and edit them. In the attached screenshot I have three images, all of which use the same image.

The centre image is what I am trying to achieve. At present it is an image with a caption put into a classic text element - its displays as I would like to see it in a slider.

The image on the left, I have created using the Layer Slider plugin that comes with Pro. By using some css within the slider, I have managed to adjust the position of the slider container, add some padding and border and I would be happy with this. I am puzzled though as to why I have had to use 40px font side to match the same size font as in the centre image - I am assuming that it is a scaling issue based on the side of the slider image, and what is being displayed on the screen?

The third image on the right, is using a Classic Slider element. No matter how hard i try, I am unable to get the slider container to the same height as the other two, and I also have an inner border with what appears to be padding at the top and bottom. The caption text is also hard up to the bottom of the image. I cannot see where I can adjust these, so am assuming that some css is needed?

Any pointers would be much appreciated

Thanks

#2

Hello Alex,

Thanks for posting in! To better assist you with your sliders, please provide us the URL of the page where you have compared the sliders, side by side so we can check it. There might be an issue or structure difference which may have caused the inner border in the last slider. We need to check the page.

Regards.

#3

All set up
Thanks

Alex

#4

Hello Alex,

Regretfully the given WP credentials is not working. It seems that the username is invalid.

To resolve your issue, please do this:

  • Remove the contact of the slider in the option.

  • When inserting the image in the gallery, use the none for the alignment.

  • And then remove this custom css:
.x-flexslider .x-slides img, .x-flexslider .x-slides p {
    margin: 0 !important;
}

Hope this helps. Please let us know how it goes.

#5

Thanks for your continued help. Your suggestions almost worked, please see attached image. We just have a margin at the bottom
Apologies fo the credentials, I created the user in the live site, not the staging (duh!!) I have now created them in the staging.

the login url is https://staging.modburyteam.org/wp-login.php

Alex

#6

Hello Alex,

To finally resolve your issue removing the gap, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-slide .wp-caption.alignnone {
    margin-bottom: 0 !important;
}

Best Regards.

#7

Hi

Thanks for that - all sorted.

Alex

#8

You’re most welcome,

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.