WordPress.org

Forums

Single Latest Posts Lite
2 Posts in One Column? (2 posts)

  1. digitalhippy
    Member
    Posted 1 year ago #

    When I select 2 posts to display, it'll stack the post (Latest post on top then second latest under that), so it's like 2 posts in one column. How can I change it so there are two columns. I want the posts side by side.

    https://wordpress.org/plugins/single-latest-posts-lite/

  2. Jose Luis SAYAGO
    Member
    Plugin Author

    Posted 1 year ago #

    You may want to use the display_type parameter set to block. If you want to customize styles even more then you could create your custom CSS file then use it with the css_style parameter.

    To use block elements:

    [slposts display_type=block]

    To use with a custom stylesheet:

    /*
      * You must save your custom CSS file into your active WP theme folder
      * in this example the file was named mycustom-blocks.css
      */
    [slposts display_type=block css_style=mycustom-blocks]

    Below you'll find the default CSS rules for blocks:

    /*\
     * =========================
     * |                       |
     * | ++ Blocks ++          |
     * |                       |
     * =========================
    \*/
    /*\
     * -----------
     * | Content |
     * -----------
    \*/
    .slposts-container
    .slposts-block-wtitle {
        font-size: 1.3em;
        border-bottom: 1px dotted #efefef;
    }
    .slposts-block-title a {
        font-size: 1.4em !important;
        text-decoration: none;
    }
    ul.slposts-block-thumbnail {
        list-style: none !important;
        margin: 0 !important;
    }
    .slposts-block-item {
        float: left;
        width: 47%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .slposts-block-thumbnail a > img {
        border: 1px solid #efefef;
        padding: 3px;
    }
    .slposts-block-thumbnail a > img:hover {
        -webkit-box-shadow: 1px 1px 3px rgba(99, 175, 208, 0.15);
        -moz-box-shadow: 1px 1px 3px rgba(99, 175, 208, 0.15);
        box-shadow: 1px 1px 3px rgba(99, 175, 208, 0.15);
    }
    .slposts-block-thumbnail
    div.slposts-block-excerpt
    a > img {
        border: 0;
        padding: 0;
    }
    .slposts-block-meta {
        float: right;
        margin-left: 5px;
        font-family: sans-serif !important;
        font-size: .8em;
        border: 1px dotted #efefef;
        padding: 3px;
        color: #777;
    }
    .slposts-block-meta a {
        text-decoration: none;
    }
    .slposts-block-metafooter {
        display: block;
        clear: both;
        border-top: 1px dotted #efefef;
        font-size: .8em;
        text-align: right;
        color: #777;
    }
    .slposts-block-excerpt {
        text-align: justify;
    }
    /*\
     * =========================
     * |                       |
     * | -- Blocks --          |
     * |                       |
     * =========================
    \*/

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Single Latest Posts Lite
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic