Add Thumbnail to Post Excerpts

  • Resolved rjfnz

    (@rjfnz)


    7 months, 2 weeks ago

    Hi, some time ago you helped me add an image to my Blog Excerpts (and it worked well). I added the following customisation as you recommended, to control the image size.

    .post-thumbnail .wp-post-image { margin-top: 0; } .entry-header .post-thumbnail { max-width: 300px; float: left; margin-right: 1rem; }

    It worked a treat except that when the page rendered in full, I would like the featured image to be centered rather than left aligned as you see in the attached link. Is that possible please?

    Thank you very much, Roger.

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

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

  • Change this

     .entry-header .post-thumbnail { max-width: 300px; float: left; margin-right: 1rem; }

    to

    .entry-header .post-thumbnail { max-width: 300px;  }
    Thread Starter rjfnz

    (@rjfnz)

    Thank you very much. Perfect now. Very happy! Thank you for taking the time to help me out!

    Thread Starter rjfnz

    (@rjfnz)

    Threadie, you seem a master of customisation! Can I impose again. In my Blog Posts, the image is now centered (as per your help). What now stands out is that the blog most name is still left aligned. Can that be fixed too? I am using theme Twenty Twenty One. I did add:

    h1 {
    text-align: center;
    }

    But that only centered the page title, not individual posts. Any ideas please? Link below, Thank you, Roger.

    https://miniaturetimetraveller.com/my-blog/ 
    .entry-header h2 { text-align: center; }

    If you only mean the titles in the list of posts.

    • This reply was modified 7 months, 2 weeks ago by threadi.
    Thread Starter rjfnz

    (@rjfnz)

    I apologise for the delay in saying thank you for all your help. Everything worked as you advised. Excuse my lack of manners. Regards, Roger.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.