Get rid of side bar and center text

• 

  artistajenkins · Member · Aug 13, 2016 at 10:13 pm

  • Copy link
  • Add topic to favorites

  I would like to get rid of all side bars on my website pages. I’ve managed to figure out how to turn them off on basic pages, but can’t figure it out for image pages (like: https://joshuajenkinsart.com/2015-2/untitledportrait/).

  I would also like to center the image description text if possible.

  Help?!

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

• 

  hallluke · Member · Aug 14, 2016 at 7:41 am

  • Copy link

  Try adding this code to your existing custom CSS:

  body.attachment .entry-content-wrapper,
  body.attachment .entry-content,
  body.attachment .comments-area {
  	max-width: 100%;
  }
  body.attachment .attachment {
  	text-align: center;
  }

  The first bit expands the primary area on attachment pages and the second centres everything in the content area.

• 

  artistajenkins · Member · Aug 15, 2016 at 10:49 pm

  • Copy link

  Thank you!! That worked. Do you by any chance know how to center align the Image’s Thumnail Description (text)? I tried

  div.gallery-icon.landscape .gallery-icon.landscape {
  text-align: center;
  }

  but that didn’t seem to work.

  page example:

  2016

• 

  thesacredpath · Member · Aug 16, 2016 at 12:46 am

  • Copy link

  Hi there, since your images are smaller than the div they are inserted into in the Gallery, if we center only the caption text, it looks odd (paste in the first rule I have below to see that). I added the second rule to center the images within the div also.

  figcaption, .wp-caption-text {
      text-align: center;
  }
  .gallery-item .gallery-icon {
      text-align: center;
  }

  See what you think and let me know.

• 

  artistajenkins · Member · Aug 16, 2016 at 12:05 pm

  • Copy link

  That worked! Thank you Sir.

• 

  thesacredpath · Member · Aug 16, 2016 at 6:20 pm

  • Copy link

  You are welcome.