Wrap post author, title and excerpt in div

  • Resolved graemebryson5

    (@graemebryson5)


    10 years ago

    Hi Bill,

    Thanks for your plugin – it’s become completely invaluable when I’m building sites.

    I’m trying to wrap the post title, author and excerpt (stacked right) in a separate div from the featured image (stacked left) to stop the excerpt wrapping, and to allow more control over how the post displays, but I’m not sure where to start. I’ve linked an image below to illustrate my setup:

    https://cl.ly/YiYe

    Could you point me in the right direction as to how I’d set this up?

    Thanks again, Graeme

    https://www.ads-software.com/plugins/display-posts-shortcode/

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

    (@billerickson)

    I’d probably add left-padding to the div, then absolute position the image.

    So if the image was 200×200, something like this:

    .display-posts-listing .listing-item { padding-left: 210px; position: relative; min-height: 210px; }
    .display-posts-listing .listing-item img { position: absolute; top: 0; left: 0;}

    Thread Starter graemebryson5

    (@graemebryson5)

    Awesome, thanks for your help Bill. Thanks again for the plugin, too!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrap post author, title and excerpt in div’ is closed to new replies.