Home Forums Square Slider, limit image height

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #4675
    cscwp
    Participant

    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.

    #4676
    Hash
    Keymaster

    Add this CSS to prevent it from stretching

    #sq-home-slider-section img{ width: auto;}

    #4708
    cscwp
    Participant

    Hi, 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?

    #7225
    annapa
    Participant

    I have same problem, but sorry, how I add this CSS #sq-home-slider-section img{ width: auto;}

    I am a beginner 🙂

    #7231
    Hash
    Keymaster

    @annapa go to Appearance > Customizer > Additional CSS tab and paste the code.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.