• Resolved homemadejam

    (@homemadejam)


    Hello!

    I do not seem to be able to get the Maximum Width setting to work.

    The link is to a client site under development. The slider for that page has the following settings for Size:

    Width: 500
    Height: 550
    Margins: 0 0 0 0
    Responsive mode: Auto
    Down Scale & Up Scale: On
    Slider height: 0 min, 0 max
    Maximum slide width: 500px

    Why does the slide still display at more than 500px on larger screens? I’m sure I’m missing something, but I cannot figure out what.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @homemadejam!

    The maximum width only limits down the width of the contents of your slide, but the background of the slide still has 100% width. What you should do is to turn off the Upscale option and like that your slider will only have maximum that given 500px width slider size.

    You might will want to use the Align – Center option as well after that:
    https://smartslider3.helpscoutdocs.com/article/56-slider-settings-general

    Thread Starter homemadejam

    (@homemadejam)

    Hello Gabor,

    Thank you for the explanation and advice.

    Is there a way to change the background width setting?

    When I turn off upscale and use align center, the image ends up hanging in the center of a lot of white space. I understand that white space will naturally appear on both right & left sides if a maximum width is set. But an equal amount of margin is being applied to the top and bottom as well.

    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @homemadejam!

    I am not sure if you mean the same white space I see on the linked page. But those are coming from the parent element div with the class: entry-content
    which has a 25px padding on each sides and also a 24px top margin.

    I am sorry but we don’t have a control over that white space. But if you want to remove it you will need a custom CSS to set that padding to 0 like:

    main div.entry-content{
      padding:0px;
    }
    

    which can be inserted at Slider Settings>Developer tab>CSS

    Ps.:
    This will remove all the padding around the sliders container, which means you will probably need to add a class on the div with the text and add some padding on it.

    If you have the issue with another page, please get in touch directly with us on:
    https://smartslider3.com/contact-us/support/
    and send us a link and a screenshot about your issue.

    Thread Starter homemadejam

    (@homemadejam)

    Hello Laszlo!

    Sorry, you probably saw the slider when I reverted back to the original (my client wanted to see the current situation).

    I have created a copy of the page in question, with the settings Gabor suggested.
    https://stephensaxenian.pairserver.com/lucy-saxenian-copy/

    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @homemadejam

    I checked the linked site in

    • Chrome
    • Firefox
    • Opera
    • Internet Explorer
    • Edge

    but I couldn’t see big top and bottom margins around the Slider.
    Could you check the screenshot I have just uploaded here:

    View post on imgur.com

    Anyway please get in touch directly with us on:
    https://smartslider3.com/contact-us/support/
    since we will need some extra information. Please also send us a screenshot if you see a different result.

    Thread Starter homemadejam

    (@homemadejam)

    Hello Laszlo,

    Your screenshot definitely looks different than mine (and is more like what I want it to be!).

    I have submitted a support request at the Smart Slider site, as suggested.

    Thread Starter homemadejam

    (@homemadejam)

    Problem resolved – I needed to set the slide background image to the “Fill” setting.

    Laszlo and Gabor were super helpful. Going to go give a 5 star rating right now.

    • This reply was modified 6 years, 1 month ago by homemadejam.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Maximum width setting not working?’ is closed to new replies.