Increase width of image gallery in css customization

• 

  morninggreen · Member · Dec 19, 2014 at 1:30 am

  • Copy link
  • Add topic to favorites

  I have the custom upgrade and am trying to increase width of my image gallery. The gallery is on a page with full-width no sidebars. I have reset the width of images to be 700px on the css customization screen but the gallery width is still taking up less than half of the original width. In the css, I tried

  .tiled-gallery {
  max-width: 700px;
  }

  also tried

  .entry-content
  but don’t know how to specify just one page. Would appreciate some help.

  I am using the 2014 theme.
  Thanks

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

• 

  thesacredpath · Member · Dec 19, 2014 at 10:18 pm

  • Copy link

  Hi there, delete this from your CSS

  .tiled-gallery {
      max-width: 700px;
  }

  and then paste in the following and see what you think.
  .page .site-content .entry-header, .page .site-content .entry-content, .page `.site-content {
  max-width: 1000px;
  }
  .page .site-content .entry-header {
  max-width: 700px;
  }
  .page .tiled-gallery, .tiled-gallery .gallery-row {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 700px;
  width: 100%;
  }`

• 

  morninggreen · Member · Dec 20, 2014 at 2:44 pm

  • Copy link

  Thanks so much for your response. I put your code into my css and It did change the width of the page because the Header moved over. But the gallery itself did not change in width. It stayed in the middle of the page with wide margins on both sides. I went in and recreated the gallery hoping that it would recognize the increased width, but it still stayed the same. Could it have something to do with the 2014 theme itself?

• 

  thesacredpath · Member · Jan 6, 2015 at 5:08 pm

  • Copy link

  Sorry for the delay. Let’s add one more thing to the bottom of your CSS, and then can you open one of your gallery post pages and delete and reinsert the gallery and let’s see if it gets wider.

  .page .site-content .entry-content {
      max-width: 700px;
      width: 100%;
  }

• 

  morninggreen · Member · Jan 17, 2015 at 12:56 am

  • Copy link

  That did the trick and now it works perfectly. Thanks so much for your help.

• 

  thesacredpath · Member · Jan 17, 2015 at 2:21 pm

  • Copy link

  You are welcome.