Page Width

• 

  runninglaughs · Member · Apr 5, 2012 at 2:36 pm

  • Copy link
  • Add topic to favorites

  Can I permanently set the size of my Pages so they don’t partially obscure what’s in my left margin in the background and set as “vertical tile?”

  I have a vertical string of book covers on my left margin of my background, but depending on one’s computer settings they become obscured or are able to be see in their entirety.

  If I could set the pages to that latter size and eliminate them coming in as larger on one’s screen, then that would solve things.

  Thanks,

  Bob

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

• 

  jtanna01 · Member · Apr 5, 2012 at 9:11 pm

  • Copy link

  If you have paid for the custom CSS then you can. All you need is something like this in your css file:

  body {
  width: 100%;
  }

  Sometimes if you have a wrapper or container to your contents then the width should be set to these rather than the body. I can’t view your site because it is private so you need to work it out yourself.

  Good luck.

• 

  designsimply · Member · Apr 5, 2012 at 11:36 pm

  • Copy link

  You could remove it from the Appearance → Background page and add it like this instead:

  #page {
      padding-left: 163px;
      background: #FDFBE6 url(http://runninglaughsblog.files.wordpress.com/2012/04/both-coverssmaller-versions.jpg) repeat-y;
  }

  It might also look nicer if you added at least a right size border into the image itself to give it a bit more separation from the rest of the #page background.

• 

  runninglaughs · Member · Apr 6, 2012 at 12:00 am

  • Copy link

  Perfecto! Thanks so much. That works great.

  I’ll soon implement your suggestion regarding the right border, as the publisher is presently adding some text to the cover of the upcoming book. I’ll then modify the entire image of the book covers accordingly and add the border.

  Thanks again,

  Bob

• 

  designsimply · Member · Apr 6, 2012 at 12:05 am

  • Copy link

  Sounds like a good plan. :) Cheers!