Forums

How to get posts to display in Grid/Thumbnail View (7 posts)

  1. cassettewalkmans
    Member
    Posted 2 years ago #

    Hi,

    Does anyone know how to get you're posts from a specific category to display on a wordpress page in a gridview with thumbnails from each post?

    Anything similar to what this site has:

    http://hypebeast.com/features/

    Any help would be appreciated so much - whether its a plugin or CSS code!

    Thanks in advance!

  2. cassettewalkmans
    Member
    Posted 2 years ago #

    Anyone?

  3. doc4
    Member
    Posted 2 years ago #

    cassettewalkmans,

    hypebeast is using float:left to achieve this effect. Something similar to this:

    <div id="wrap">
     <div class="container">
      <img src="myimage.jpg>
     </div>
    
     <div class="container">
      <img src="myimage.jpg>
     </div>
    
     <div class="container">
      <img src="myimage.jpg>
     </div>
    </div>

    Followed up with CSS styles:

    #wrap {
       width: 480px;
       height: 100%;
       }
    
    .container {
       width: 150px;
       height: 200px
       margin: 0 10px 10px 0;
       float: left;
       }

    This is just an example so it may not be entirely accurate but this is the general idea.

    http://www.doc4design.com

  4. cassettewalkmans
    Member
    Posted 2 years ago #

    Thanks alot for you're help doc4!!,

    Appreciate it heaps dude!

    I tried a few things out using your direction and it put me on the right path, I then came along this theme which then assisted me along - you can view/download it from:

    http://madebyon.com/equilibrium-wordpress-theme/

    Thanks again for you're help!

    R.

  5. doc4
    Member
    Posted 2 years ago #

    cassettewalkmans,

    Glad to help. Looks like the theme made it a lot easier, but at least you know how it works if something goes wrong.

    http://www.doc4design.com

  6. cassettewalkmans
    Member
    Posted 2 years ago #

    You did well mate! appreciate it heaps.

    Quick question - do you know of any online resources which can teach the basics of wordpress and/or CSS? really keen to learn the ropes...

    Thanks again.

  7. doc4
    Member
    Posted 2 years ago #

    cassettewalkmans,

    You could dig through the WordPress Codex. It can be a little overwhelming though. It might be better to learn as you go and when a problem arises really dig into it.

    http://www.doc4design.com

Topic Closed

This topic has been closed to new replies.

About this Topic