Centering images on small browsers/devices

  • Resolved betyonfire

    (@betyonfire)


    9 years, 8 months ago

    Even though the css sets .simple-slide background-position: center center, the images are not being centered on the phones and tablets that I’ve tested on. If I add center center to the css where the image is called, for example .simple-slide-1, then it does work. I don’t want to add any css for the slides as it might be hard to know how many slides there will be. Is there a way to add this to the slider php code? If so, can you point to where I should add it so the css code looks like this:

    .simple-slide-1 {
  background: url(image.jpg) center center;
}

    https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Chris Stephens

    (@chrisstephens)

    Hi!

    Thank you for pointing that out. I think it’s getting overridden because I’ve used “background: url…” instead of “background-image: url…”. I will update the plugin on Monday or Tuesday. In the mean time you could probably add the following:

    .simple-slide {
    background-position: center center!important;
}
    Thread Starter betyonfire

    (@betyonfire)

    This worked. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Centering images on small browsers/devices’ is closed to new replies.