width adjustment black letterhead

• 

  gprew · Member · Oct 31, 2013 at 4:22 pm

  • Copy link
  • Add topic to favorites

  I would like to make my blog slightly wider and perhaps the text in the sidebar slightly larger. I have the CSS upgrade. I’d be grateful for any help.

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

• 

  thesacredpath · Member · Oct 31, 2013 at 8:17 pm

  • Copy link

  Hi, this will widen the pages with the standard sidebar and also the single post pages, which do not have a sidebar. It increases things by 100px. You can make it wider by adding the same amount to the two widths and margin-left below. The “widecolumn” width is for the single post pages.

  #page {
      width: 860px;
  }
  
  .narrowcolumn {
      width: 550px;
  }
  
  .widecolumn {
      width: 550px;
  }
  
  #sidebar {
      margin-left: 645px;
  }

  To increase the size of the text in the recent posts section, add the following and adjust as desired.

  .jetpack-display-remote-posts p {
      font-size: 90%;
  }

  If you want to increase all the text, add the following instead and adjust the 1em value (you can use decimal, such as 1.1em or 1.15em).

  .wf-active #sidebar {
      font-size: 1em;
  }

• 

  gprew · Member · Oct 31, 2013 at 8:29 pm

  • Copy link

  Thank you very much for your help. That works perfectly. However, it leaves me with the problem of my header image no longer being wide enough. Can you provide me with the code to fix this?

• 

  thesacredpath · Member · Nov 1, 2013 at 4:59 pm

  • Copy link

  Hi, you are welcome, and for the header image, you have the following in your CSS:

  #header {
      background-image: url("http://gprew.files.wordpress.com/2013/10/copy-cropped-background-wallpaper-vintage-881.jpg");
      background-position: center bottom;
      background-repeat: repeat;
  }

  Create a new header image at the width you set page (940px), upload it to the media library and put the URL of that image into the background-image declaration.