Decrease page width in Big Brother theme

• 

  g471n · Member · Aug 31, 2015 at 7:27 am

  • Copy link

  For the widget area background:

  .widget {
      background-color: #DCB6C3;
  }

• 

  inmercyrejoice · Member · Aug 31, 2015 at 5:11 pm

  • Copy link

  Again, thank you. I was able to change post background.

  However, I used your codes to make header line up with post and widget bar, yet it is still wider.

  Maybe I am doing something wrong. This is what I put in CSS:

  #page {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  }

  .primary {
  padding-left: 0;
  }

  .secondary {
  padding-right: 0;
  }

• 

  thesacredpath · Member · Aug 31, 2015 at 6:58 pm

  • Copy link

  Hi, on the top rule you reference above, I’m seeing this in your custom CSS.
  #FDF5E6 #page
  Remove the first bit so that it looks like this.
  #page

• 

  inmercyrejoice · Member · Aug 31, 2015 at 7:48 pm

  • Copy link

  you’re a genius! Thanks so much. I love the way it looks now. My dad was an engineer and my son is a website designer (with no time to help me). :)

  Again, I appreciate your patience with me and your help. :)

• 

  inmercyrejoice · Member · Aug 31, 2015 at 7:52 pm

  • Copy link

  oops ………… I thought I was out of questions, but . . . Is there a way to remove the black border between the header and the posts and widget bar or does it look ok as it is? Thank you.

• 

  thesacredpath · Member · Aug 31, 2015 at 8:56 pm

  • Copy link

  No worries, you can remove the space between the menu and content/sidebar with the following CSS, but I think for visual consistency, given there is a gap between the sidebar and content vertically, I like it better with the gap at the top. Give this a try and see what you think. You can always delete it if you decide to keep the gap.

  .article-wrapper {
      background-color: #e0e0e0;
  }
  .primary, .secondary {
      padding-top: 0;
  }
  .article-wrapper {
      border-top-right-radius: 0;
  }
  .secondary .widget:first-of-type {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }

• 

  inmercyrejoice · Member · Aug 31, 2015 at 10:17 pm

  • Copy link

  Thank you. I like it much better this way.

• 

  thesacredpath · Member · Sep 1, 2015 at 1:53 am

  • Copy link

  You are welcome.