Image set on the right

  • Resolved Zokiu

    (@zokiu)


    1 year, 1 month ago

    Hi, Anders,

    Thanks so much for releasing such a great and simple theme. Super nice for blogging.

    I like to have a square image (200×200) at on the right of top of an article, next to the intro text.

    But when the blog is on mobile phone, the image automatically go to the left.

    How can I make sure that the image moves to the center.

    I would like to do something like this:

    https://ibb.co/tBsBBKN

    https://ibb.co/tP481Bs

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Anders Norén

    (@anlino)

    1 year, 1 month ago

    Hi @zokiu,

    I’m glad you like it!

    Images set to be aligned left or right on desktop should be centered in the content column on mobile, and are centered in my testing. Can you post a link to the page you’re having issues with?

    — Anders

    Thread Starter Zokiu

    (@zokiu)

    1 year, 1 month ago

    Thanks for your quick response, @anlino .

    Here’s an example of the issue:

    https://ibb.co/vB3R1tb
    https://ibb.co/D8KqX0z

    Thread Starter Zokiu

    (@zokiu)

    1 year, 1 month ago

    Any thoughts on this? I tried a few things. But it didn’t work.

    Another thing I noticed is that I can’t have images in the centre if I do not add a caption. They remain either on the left or on the right.

    Theme Author Anders Norén

    (@anlino)

    1 year, 1 month ago

    Hi @zokiu,

    Are you using the classic editor plugin? The images are being wrapped in paragraphs, which I don’t think is the case in the block editor.

    Either way, you can add this custom CSS to get it alignment working:

    @media ( max-width: 500px ) {
.post-content .alignleft, .post-content .alignright {
display: block;
}
}

    Give it a try and let me know.

    — Anders

    Thread Starter Zokiu

    (@zokiu)

    1 year, 1 month ago

    I use the Classic Editor, indeed. Let me test the CSS. Thanks!

    Thread Starter Zokiu

    (@zokiu)

    1 year, 1 month ago

    It worked! Amazing!! Big THANKS! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image set on the right’ is closed to new replies.

Tags