Styling posts displayed on pages

• 

  fanscorner · Member · Aug 19, 2014 at 4:47 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I am using this short code to display posts on one of my pages:

  [display-posts category="Arsenal" include_date="true" include_excerpt="true" posts_per_page="20" image_size="thumbnail" order="ASC" orderby="date"]

  Posts come with a bullet point and the title and excerpt appear below the thumbnail. It looks wrong:

  Arsenal

  Is it possible to display posts in the same way they are displayed on the home page?

  Home

  Thanks,

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 19, 2014 at 5:56 pm

  • Copy link

  Hi there, first off, I would suggest setting the image size in the shortcode to “thumbnail” as it is set at “medium” right now on your site.

  There are some things in your custom CSS that are causing some issues.

  Add padding-left: 0; to the following:

  .display-posts-listing {
      list-style-type: none;
      padding-left: 0;
  }

  The above, along with the change in image size to thumbnail should give you the following: https://i.cloudup.com/4INIS0EO_J-3000×3000.png

• 

  fanscorner · Member · Aug 19, 2014 at 6:10 pm

  • Copy link

  Thanks, but is there a way to display a bigger image?

• 

  fanscorner · Member · Aug 19, 2014 at 6:58 pm

  • Copy link

  I have figured it out – I added more padding to the left. Looks nice now. Thanks.

• 

  thesacredpath · Member · Aug 19, 2014 at 7:43 pm

  • Copy link

  You are welcome.