Slider Image Centered

  • Resolved olivseo

    (@olivseo)


    9 years ago

    Hello,
    I am trying to make the slider image float to the center, and it is not working for me. I have tried:

    .slider-image-container {
    float: center;
}

    and

    .slider-image-container {
    float: center !important;
}

    and

    .slider-image-container {
   margin: auto;
}

    Nothing seems to work for me. Please help!
    Site: https://www.sophiescleaningservice.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • paulwpxp

    (@paulwp)

    Can’t help inspect it because your site is in Coming Soon mode now. But suppose your selector is correct, you should try something like this

    .slider-image-container {
    display: block;
    margin: 0 auto;
    float: none;
}
    Thread Starter olivseo

    (@olivseo)

    Sorry, just removed it from maintenance mode. I tried your code, but it doesn’t work.

    This will work:

    .slider-image-container img {
    margin: 0px auto;
    display: block;
}

    Also, float: center; is not a valid value. See the Mozilla Developer Network page on CSS floats for more information on what you can do with floats.

    paulwpxp

    (@paulwp)

    Try changing the selector to 

    .slider-image-container img

    EDIT: thanks @lelandf , didn’t see your reply when I posted mine ??

    Thread Starter olivseo

    (@olivseo)

    Leland- your code worked. Thank you very much both of you for your help! Much appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slider Image Centered’ is closed to new replies.