How do I change the width of content on portfolio pages?

• 

  corynnchan · Member · Feb 21, 2015 at 2:38 am

  • Copy link
  • Add topic to favorites

  Hello, I am currently using the Espied theme. I am on the 2-week premium trial. I am trying to change the width of my content (header, body text, images, and videos) on portfolio pages, but can’t seem to get it to work. I have already tried customizing “media width” under “CSS”, but it does not change the size of the images. What else can I try to fix this problem?

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

• 

  thesacredpath · Member · Feb 23, 2015 at 2:47 am

  • Copy link

  Hi, the content area itself has to be widened via CSS first, and then the Media Width is set so that the full sized media are inserted at that size.

  Give the following a try and see what you think. It will widen your content out to a maximum of 850px, which matches what you have set as your Media Width in the CSS edit page.

  .single-jetpack-portfolio .entry-content {
      width: 850px;
  }

• 

  corynnchan · Member · Feb 23, 2015 at 7:10 am

  • Copy link

  It worked! Thank you so much!!

• 

  corynnchan · Member · Feb 23, 2015 at 7:19 am

  • Copy link

  I ran into another problem. The content is at 850px, but I think the header title is not. So right now, the title does not align with the content. How can I fix this?

• 

  corynnchan · Member · Feb 23, 2015 at 5:41 pm

  • Copy link

  I just realized that the content (body text and images) is not responsive after applying that code. It looks great on a desktop and laptop computer, but it is way too big for a mobile device. Is there any way to make it a maximum of 850px on larger screens, but still scalable for smaller screen sizes?

• 

  thesacredpath · Member · Feb 25, 2015 at 9:23 pm

  • Copy link

  Hi, it looks like you got this fixed by modifying the CSS I had give to this.

  .single-jetpack-portfolio .entry-content{
  	width:100%;
  	max-width:850px
  }

  Are you still having some issues with that?

  I noticed that you have hidden the footer credits. At WordPress.com, the footer credits have to remain visible and readable per the Terms of Service (#11). Can you please remove the CSS you used to hide those?

  You are allowed to restyle the footer credits to better fit with your design as long as they remain readable. If you help restyling the credits to fit better with your design, I would be glad to help with that.