Content pixel width?

• 

  cjhogg83 · Member · Apr 23, 2015 at 3:40 pm

  • Copy link
  • Add topic to favorites

  I’m using the Espied theme as I really like it’s use of the portfolio feature. It seems that this theme has it’s content width restricted to 552px.

  So I just purchased the premium service to utilise the CSS customisation feature, ‘Appearance > Customize > CSS’. However, it seems though that any value above 552px I put in the ‘Media Width’ value is ignored.

  My images are set to display at ‘Full-size’ and are 940px wide.

  Any suggestions?

  Thanks

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

• 

  musicdoc1 · Member · Apr 23, 2015 at 7:08 pm

  • Copy link

  From the Quick Specs section of the Espied theme guide:

  The main column width is 552 [pixels].

• 

  cjhogg83 · Member · Apr 23, 2015 at 7:40 pm

  • Copy link

  Yes. Thanks, musicdoc1. But I’m asking if it can be modified in CSS and how.

• 

  thesacredpath · Member · May 11, 2015 at 8:10 pm

  • Copy link

  @cjhogg83, due to the way that Espied and the Portfolio software positions the images, I’m not having a lot of luck widening the text content without causing alignment issues on the images.

  We can limit the width of the images to 940px and then set the content at that width as well with the following CSS.

  .single-jetpack-portfolio .entry-content {
      max-width: 940px;
      width: 100%;
  }
  .single-jetpack-portfolio img.size-big, .single-jetpack-portfolio .caption-big {
      max-width: 940px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
  }