Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Shazzad Hossain Khan

    (@sajib1223)

    What did you tried ?

    Thread Starter yavarkhan

    (@yavarkhan)

    <div class="row">[posts]<article class="[post_class] col-md-6">
      <div class="featured_box">
      <div class="post_meta">[post_date], in [post_terms tax="category"]</div>
      <header><h2><a href="[post_permalink]">[post_title]</a></h2></header>
      </div>
    [post_thumbnail size="thumbnail"]
      </article>[/posts]</div>
      [nav ajax=1]
    <div class="w4pl-overlay"></div>

    and style

    #w4pl-list-[listid] ul{ padding-left: 0;}
    #w4pl-list-[listid] li{ list-style: none outside; display: block;}
    #w4pl-inner-[listid]{ position: relative; padding: 20px 70px; background-color:#EEE; border:1px solid #DDD;}
    #w4pl-inner-[listid] .page-numbers{background:url(https://w4dev.com/wp-content/themes/w4dev/images/arrows.png) no-repeat; position: absolute; top: 50%; margin-top:-43px; height:86px; width:60px; display:block; text-indent:-9999px; overflow:hidden;}
    #w4pl-inner-[listid] .prev.page-numbers{ left:0px; background-position:left top;}
    #w4pl-inner-[listid] .next.page-numbers{ right:0px; background-position:right top;}
    #w4pl-list-[listid] .featured_box{ margin-bottom:0;}
    #w4pl-list-[listid] .featured_box h2{margin:10px 0 0; font-size:30px; line-height:30px; letter-spacing:-2px;}
    #w4pl-list-[listid] article h2 > a{color: #3F7725}
    #w4pl-inner-[listid] .w4pl-overlay{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255,255,255,0.4) url(/wp-admin/images/loading.gif) no-repeat center; display:none; }
    #w4pl-list-[listid].w4pl-loading .w4pl-overlay{display:block;}

    want to show the last 6 blog posts horizontal with feautre image thumbnail

    Thread Starter yavarkhan

    (@yavarkhan)

    want show recent post in a row with thumbnail could you help me with the style and css sir

    Plugin Author Shazzad Hossain Khan

    (@sajib1223)

    U just copied the code from the example. However it should also work.

    So select list type = post, post type = post, post status = publish, posts per page 6, maximum items = 6.

    on Template use –

    <table>
    [posts]
    <tr>
    <td>[post_thumbnail size="thumbnail"]</td>
    <td>[post_title]</td>
    <td>[post_content]</td>
    </tr>
    [/posts]
    </table>

    Plugin Author Shazzad Hossain Khan

    (@sajib1223)

    Did it worked ?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘i want thumbnail Title and article in horizontal list’ is closed to new replies.