Change Header Image and Post Width for Canard

• 

  polinadzyuba · Member · Oct 12, 2016 at 10:38 pm

  • Copy link
  • Add topic to favorites

  Hi,

  Could you guys, please, help me figure out how to change the post width (would like to get rid of the huge chunk of white space left of the text) and make the header image wider, too (it doesn’t cover the whole page like the featured image for a post does).

  Thanks!

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

• 

  siobhyb · Member · Oct 13, 2016 at 11:04 am

  • Copy link

  Hi there,

  Try adding the following snippet to the CSS panel of the WordPress.com Customizer:

  @media screen and (min-width: 1380px) {
      .entry-footer, .footer-widget-inner .widget, div#jp-relatedposts, .single .entry-content, .comments-area {
          width: 100%;
      }
  }
  
  @media screen and (min-width: 960px) {
      .comments-area {
          margin-right: 0;
      }
  }

  The above should widen the content area on single posts and bring the meta information that’s currently in the left sidebar down to the footer area.

  The following will then increase the width of your header image to 100%:

  .header-image-inner {
      width: 100%;
  }

  Let me know how the above works out for you. :)

• 

  polinadzyuba · Member · Oct 13, 2016 at 2:02 pm

  • Copy link

  It worked! Thanks very much :)

• 

  siobhyb · Member · Oct 13, 2016 at 2:16 pm

  • Copy link

  Yay! We’re right here if anything else comes up, too.