Margin/layout fixes

On my WordPress site (http://www.peterchamberlaincann.co.uk) I’m using a child theme based on Minimalizine. There’s some odd errors that occurred when I removed the sidebar and increased the page width from 520px to 720px, and also some things that differ from the WordPress.com version of theme (that I was using before I migrated to my own hosting) that I’d like to change back.

• The text and images are stuck to the old 520px “margins” on the Portfolio page and also on the Blog, but only the images. It’s also like that in WP dashboard when I’m editing a post.

  Read More

  • WooCommerce: get_current_screen not working with multi language
  • Can’t login on WordPress
  • WordPress: Ajax not working to insert, query and result data

• I want to put the sidebar back in, but only for the Blog and all . This is the code that will bring the sidebar back I think:

  .entry-meta {
      display: inline;
  }
  
  .wide {
  float: right;
  width: 520px;
  }
  

  .hentry {
  margin: 0 0 40px;
  }

• In the Leave a Reply box, I’d like to move the “Notify me” sentences so theyre alongside “Post Comment”. I have already changed the respond code to these values:

  #respond label {
  left: 3.5%;
  position: absolute;
  top: 0;
  }
  

  which moved the “Notify me” sentences to right next to the checkboxes. It seems that label is too broad, because “left:” moves all of the text in that area, including “Name” “Email” and “Website”.

• I think because of the change from 520px to 720px, the site now doesn’t display correctly on my phone or tablets, or when viewed in a minimised window, so I’d like to fix this.

• I added this code to change the line spacing between images on the Portfolio page.

  .entry-content.wide img { margin-bottom: 6px; } 
  

  But it has resulted in most gaps between header text and images being too small. For example, on the “Berlin” post on my Blog, the gap is smaller than the gap between “New film – Ever Decreasing Circles” and the YouTube video below.

  Oddly though, the gap between “Evaluating Ever Decreasing Circles” and the image below appears to have the correct spacing – I wonder if this is something that only affects tiled galleries?

  Even though the code was meant for the Portfolio page, where all the images aren’t in galleries!!