Support » Themes and Templates » Centering images inside a slider

  • Hello

    I have a slider on my website that contains several images, but this images are smaller than the actual size of the container so they are put on the top left hand corner. Looking like this:

    What I want to do is have them on the center of the slider. I’ve tryed a few things mentioned on several other threads on this forums such as position:center, margin:0 auto without success.

    Any help you could provide would be really appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • esmi


    Forum Moderator

    Is this slider part of your theme? Or is it added by a plugin? If it is the former, I’m sorry but as you are using a non-WPORG theme, you need to seek support from the theme’s developers – paid or otherwise. We only support themes downloaded from here.

    Hi Miguel,
    It looks like you’re using the NivoSlider? Right now on line 218 of your style.css file, you have #slider img with a position of left:0. Why not try left: 25%? You said you just wanted to center the image, correct, not make it fit? It looks like this is a custom theme – if it’s not, be sure to use a Custom CSS Plugin to make this change. Hope it helps!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Centering images inside a slider’ is closed to new replies.