Can't fix CSS on Argent blog post

• 

  fieldsphotographylondon · Member · May 10, 2016 at 6:44 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I changed the CSS on my Argent theme blog posts to increase my post width and it has also changed how the the date/categories/tags appear – t

  https://fieldsphotographylondon.com/2016/04/17/nics-nutrition-photoshoot/

  The original demo page shows the categories/tags to the side of the blog posts and this is what I want my blog posts to look like! I hate the big space between the featured image and the actual blog post with the categories/tags listed. The original demo page looks like this:

  https://argentdemo.wordpress.com/2011/09/20/welcome-to-argent/

  Any help / tips warmly welcomed!

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

• 

  thesacredpath · Member · May 10, 2016 at 9:40 pm

  • Copy link

  Hi there, replace what you have with the following and see what you think. Make sure and view things in a tablet (if you have one) and on a phone to make sure everything works well. I’ve checked it on mine and all seems good.

  @media screen and (min-width: 800px) {
  .single-post .hentry, .single-post .comments-area, .single-post .post-navigation {
      max-width: 800px;
      width: 100%;
      box-sizing: border-box;
  }
  .single-post .entry-content {
      max-width: 630px;
      width: 100%;
  }
  .single-post .size-argent-single-thumbnail {
      width: 100%
  }
  }

• 

  fieldsphotographylondon · Member · May 11, 2016 at 12:51 pm

  • Copy link

  Thank you so so much! That looks fantastic now – looks great on my phone too! Will check on the ipad later!

  Thanks again for the help :)

• 

  thesacredpath · Member · May 11, 2016 at 5:16 pm

  • Copy link

  Excellent, and you are welcome.