Reduce side margins in pilcrow theme

• 

  danwheelerblog · Member · Oct 11, 2011 at 4:38 pm

  • Copy link
  • Add topic to favorites

  How do I reduce the side margins, by about half, in the pilcrow theme?

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

• 

  thesacredpath · Member · Oct 11, 2011 at 5:26 pm

  • Copy link

  This will basically do it for you although the header image then is not aligned with the edges of the content.

  #wrapper #container {
  margin: 0 2.7%;
  }
  
  .two-column #container {
  max-width: 840px;
  }

• 

  thesacredpath · Member · Oct 11, 2011 at 5:29 pm

  • Copy link

  On the header image, you will have to create a new one and then put it into a background declaration in the CSS in one of the header related sections. Which will be best we’ll have to figure out after you have the new header image ready and uploaded to your media library. Then post the URL of that image and let me play around with it. With reactive designs such as pilcrow it can sometimes be a little tricky.

• 

  danwheelerblog · Member · Oct 11, 2011 at 6:26 pm

  • Copy link

  Thank you for your help. Can I also ask you how I change the size and font of my widget titles in the pilcrow theme? For example, I want my Categories and Follow Blog titles larger and red in color. Thanks again.

• 

  thesacredpath · Member · Oct 11, 2011 at 7:12 pm

  • Copy link

  When you use the custom fonts feature, it assigns font sizes so that they are about the same as the original title and such. To override that, you need to use the “!important” attribute as below. (25px is what was set by the typekit stuff). I also added a bottom margin which you will have to adjust so that the title doesn’t extend down into the widget content.

  .widget-title {
  color: #999999;
  font-size: 25px !important;
  margin-bottom: 10px;
  }