Featured Image to the right and align

  • Hey All

    I want to be able to align my Post Title and my Featured Image on the main page.

    https://www.thechillidiaries.co.uk/blog/

    So the top of the text is the same height as the top of the Featured Image on the right so it all lines up.

    I used to be able to do this by altering my styles.css with this code;

    .entry-header img.wp-post-image {
    float: right;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    width: 150px;
    }

    Unfortunately this seems to have stopped working and I can’t seem to fix it. Can anyone please help?

    Thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter madjazz

    (@madjazz)

    OK, So… I managed to get what I wanted with…

    .entry-header img.wp-post-image {
    float: right;
    margin-bottom: -150px;
    width: 150px;
    }

    But now my writing goes over the picture… I guess I need to change the way that works but blind luck doesn’t seem to be working this time… :-/

    Moderator Felipe Santos

    (@foosantos)

    Hi there,

    Have you tried adding a max width for this title?

    .entry-header .entry-title {
    max-width: 70%;
}
    Thread Starter madjazz

    (@madjazz)

    Hey Felipe

    That looks like it might just do the trick Sir!

    I had to use it like this;

    .entry-header .entry-title a {
    text-decoration: none;
    max-width: 70%;
    display: inline-block;
    }

    Not perfect but certainly better than where I was.

    Thank you very much for your help, much appreciated ??

    • This reply was modified 6 months, 3 weeks ago by madjazz. Reason: typo
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Featured Image to the right and align’ is closed to new replies.