Image left alignment problem

  • Resolved MikeCooter

    (@mikecooter)


    5 years, 10 months ago

    Thanks for a great plugin, and extensive documentation!

    However, I seem to having a problem with a very basic feature – getting the image to align left and text to sit right.

    I followed everything on page:
    https://displayposts.com/2019/01/04/image-alignment/

    …having first selected an image size pre-defined by my theme (Avada theme, ‘recent-works-thumbnail’ 66px) to prevent unnecessary thumbnail recreation.

    Image size is fine, content is fine, but instead of aligning like your example, the title is displayed underneath the image, not to the right of it.

    I’d be very grateful for a pointer, please!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Bill Erickson

    (@billerickson)

    Were you able to resolve the issue? It looks like it’s working to me: https://cl.ly/aaf8715fc744

    Or is the issue that you don’t want the title to wrap under the image once it’s longer than the image? You’ll need to update the CSS to use absolute positioning like this: https://gist.github.com/billerickson/718c57ab2bef9708f4ef6c9494d6d524

    Note that the above code snippet depends upon your specific image size (66px). If you change the image size, you should update that CSS as well.

    Thread Starter MikeCooter

    (@mikecooter)

    Thank you Bill.

    I guess my stylesheet was sluggish to update: it was indeed working properly once I looked again.

    However, your wrap enhancement code is even better – thanks very much for the update!

    *One small comment: I added your code in a WP child theme and it wasn’t happy about your use of // for commenting, preferring /* this traditional format */. I’m sure the comments were just for my benefit – but reported here in case it’s useful to others.

    • This reply was modified 5 years, 10 months ago by MikeCooter.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image left alignment problem’ is closed to new replies.