• I’ve got images below text in sliders that will not center. They will only be left justified, even though they are centered in the visual editor. To make it centered, I have to use a large enough image that fills the width. But this bloats my webpage.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Looking at the HTML for one of your images:
    <img class="aligncenter wp-image-8666 size-full owl-lazy" data-src="https://bradleyputters.com/wp-content/uploads/2018/12/44867B9F-E9AF-4B19-A651-928211C6DE6D.jpeg" alt="" width="1270" height="1270" src="https://bradleyputters.com/wp-content/uploads/2018/12/44867B9F-E9AF-4B19-A651-928211C6DE6D.jpeg" style="opacity: 1;">

    Note the ‘aligncenter‘. When you insert images in WordPress you are given the option on how you would like to align the images. In Visual Edit if you go now and click on the image and ‘edit’, a popup screen will open. Under DISPLAY SETTINGS there will be an ‘Align’ option. Select ‘Centre’.

    Thread Starter bradleyputters

    (@bradleyputters)

    I had already done that, and just reconfirmed. When I made the images now 517×517, it left-aligned them again.

    Plugin Author simonpedge

    (@simonpedge)

    Try adding the following CSS:

    #slider_8664 .owl-item .sa_hover_container img {
    display:block !important;
    }
    Thread Starter bradleyputters

    (@bradleyputters)

    No luck. Also, when I preview the slider, it shows the images left justified as well. But in the visual editor, it shows them centered.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Image in slider not centered’ is closed to new replies.