size problem in Chrome

  • Resolved tomdiv

    (@tomdiv)


    2 years, 11 months ago

    Hello, I’ve use smart slider before but on a new wp site, there is an issue with Chrome.

    I made a simple autoplay image rotator, no buttons no text, just four images fading to the next.

    The size is 644 x 344

    It displays fine in Firefox but in Chrome the size is 300 x 155.516. I see this by inspecting with f12

    I resized the image down ten percent to 598 x 310

    Now in Chrome the image is 300 x 155.406

    I am working on the site locally so unfortunately I cannot send a link to the site at this point.

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

    (@nextendweb_gabor)

    Hi @tomdiv!

    The base of your slider’s size is the Slider Size – width and height:
    https://smartslider.helpscoutdocs.com/article/2033-what-affects-the-sliders-size#slidersize
    so your image sizes don’t matter, only the configuration.

    When you are using Boxed layout:
    https://smartslider.helpscoutdocs.com/article/2033-what-affects-the-sliders-size#boxed
    your slider will adjust itself to the container where you put it, and it keeps its Slider Size ratio. So the problem you are seeing is, that your 644*344px big slider is placed into a 300px wide placement, which calculates the height to be around 155.5px too.

    If you want to have a slider with 644px width, then you should check the container element, to make sure it has 644px width. A common problem is, that for example people are using float CSS code on an element, and they don’t give a width value for them, like width:100%; CSS. Floating elements don’t have the width of their parents by default, that is why you have to specify that.

    Thread Starter tomdiv

    (@tomdiv)

    Well as I mentioned it works fine in Firefox but not Chrome. and so far I have no CSS that targets either one different.
    I will try using a stated width. It does look like it has something to do with using flexbox and align-content:center that is causing the problem in chrome only.

    Plugin Support Gabor

    (@nextendweb_gabor)

    Some CSS codes are handled differently by different browsers, when width is not given to these elements, because then the browser has to decide by itself what width will be used. So if you will specify the width, that will probably fix your issue. If it wouldn’t, then please right click on your page -> choose “Save as…” -> save down your entire page and put it into a zip file, then send it to us to [email protected] and we will take a look at its codes!

    Thread Starter tomdiv

    (@tomdiv)

    Actually setting the width does indeed work however I wanted to have it be responsive and scale down. I will just have to write some more rules for smaller widths. But the major problem is solved, thank you for that, I appreciate the support even for the free version.

    I thought that’s what controls in the SmartSlider setting did, there are a lot of options regarding max width it would be good to be able to control min width maybe.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘size problem in Chrome’ is closed to new replies.

Tags