sizing issues
-
Not a bad plugin, but the sizing options don’t seem to work or work poorly/backwards.
Setting the slider width and height seem to do nothing, i set it to 400px, reloaded the page, nothing changed, checked it with Ctrl+Shift+I in Chrome, slider is 720px tall, it also shows that on the ruler when editing a slide.
So i changed the slider max height to 400px … nothing changed, this should be an absolute setting, it says maximum right in its name, but gets overwritten or ignored.
The only thing that actually did anything was setting the height to 500px in the first slides Row height settings (it was previously set to 0, which seems to mean auto), which is a very hidden thing to find, took me way too long to find, but this was just the beginning of my sizing issues.
(i used the Full width slider template by the way)
So i added some text and an image, but the image gets cropped, even though on the image layers settings, Crop is set to Off (another thing that doesn’t work), width and height were set to auto, padding 20px, image still gets cropped, no responsive resizing here.
The only way i could get it to not get cropped was to set it to a certain height, 450px in my case, but then as you go down in screen size, the image gets squished, not proportionally resized like it should, i thought that’s what the Adaptive sizing button was for, tried it with it on and off (on multiple occasions), no change, seems to do nothing.
Tried setting a fixed width for the image, no change, image still gets squished on mobile.Setting any fixed dimension to the image makes the text layers on the left get pushed out of sight on mobile, the only way to make it visible is to set it to auto.
Took me 2 hours to modify a template slider to show 2 lines of text, a button and an image without it getting cropped, pushed off page, squished, etc.
In the end the only way i could make it look good was to set the image width and height back to auto and to set different max-widths for mobile, tablet and desktop, this is not how you make something responsive.
Now that i set the max widths for the image, it seems i no longer need to force the row to be 500px tall, i set it back to 0 and is now 574px tall, which means the image was forcing the slider to be taller to avoid getting cropped, which means that the height and max-height settings for the slider were being ignored (they are both set to 400px).
The whole content of the 1st slide seems to have a 30-50 pixel spacing from the top and bottom, which i can’t find where to get rid of, it’s probably caused by the images on the other 2 slides being taller. This is not smart, it’s very unintuitive.
Would have been so much easier if i could have used Elementor instead, for the slide contents.
Now all this could be caused by incompatibilities with my theme (Fluida), and i also have 2 other slider plugins installed (was hoping to replace them with Smart Slider 3) but i really doubt it.
The page I need help with: [log in to see the link]
- The topic ‘sizing issues’ is closed to new replies.