- This topic has 4 replies, 3 voices, and was last updated 6 years, 5 months ago by Hash.
- AuthorPosts
- February 11, 2018 at 2:27 am #4675cscwpParticipant
I have images for my slider that are below the recommended 1800×800 size. Currently the theme appears to be stretching to the maximum width. I would like to prevent the theme from stretching the images past a certain height (say 600px). I understand that this would create a gap on both sides when the screen width is wider than the image (assuming it stays centered). Is there a simple css or js modification that would limit the slider height to a maximum number of pixels (without breaking the adaptive size at smaller widths)?
Thank you to the developers for designing and releasing this theme.
February 11, 2018 at 11:22 pm #4676HashKeymasterAdd this CSS to prevent it from stretching
#sq-home-slider-section img{ width: auto;}
February 15, 2018 at 3:35 am #4708cscwpParticipantHi, Thank you for this fix, it works great. Can a similar change be applied to the Stack Images on the About Us panel of the homepage?
July 25, 2018 at 2:29 pm #7225annapaParticipantI have same problem, but sorry, how I add this CSS #sq-home-slider-section img{ width: auto;}
I am a beginner 🙂
July 25, 2018 at 6:33 pm #7231 - AuthorPosts
- You must be logged in to reply to this topic.