Support » Plugin: WP Show Posts » Title position to right

  • teebark

    (@teebark)


    I’d like to change the title position to the right of the image, above the content and vertically aligned with the top of the image. Can this be done with CSS?

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

Viewing 1 replies (of 1 total)
  • teebark

    (@teebark)

    Never mind–I figured out how to do it with grid. I had to add a class to the shortcode, then used this css:

    <div class="wpsp-align-posts">[wp_show_posts id="2733"]</div>
    
    

    /* Arrange show-posts entries */
    .wpsp-align-posts .wp-show-posts-inner {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto auto auto auto;
    }
    .wpsp-align-posts .wp-show-posts-inner header {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin-bottom: 5px;
    }
    .wpsp-align-posts .wp-show-posts-inner .wp-show-posts-image {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    }
    .wpsp-align-posts .wp-show-posts-inner .wp-show-posts-entry-summary {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-bottom: 5px;
    }
    .wpsp-align-posts .wp-show-posts-inner .wpsp-read-more {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    }

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