How to change header and size on sidebar ?

• 

  martineshelse · Member · May 11, 2015 at 1:53 pm

  • Copy link
  • Add topic to favorites

  I just wonder how I can change the size of the header and sidebar ?

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

• 

  staff-jeanpierreac · Staff · May 11, 2015 at 2:37 pm

  • Copy link

  Hi.

  If I understand you, you would like to change width of main content area (a div whose class is .span8 where your posts are) and the sidebar (the widgets area whose class is .span4 with ‘Kategorier’ or ‘Arkiver’ on it). Otherwise, please, let me know I’m wrong and what you would like to do.

  First thing you need to know is the fact your theme is responsive and these two areas width is defined having into account 4 screen types. So, you have different width for your .span4 and .span8 columns depending on screen width:

  • Screen width<= 767px : .span8 width=100%
  • 768px<= screen width <= 979px : .span4 width: 228px and .span8 width: 476px
  • 980px<= screen width < 1200px : .span4 width: 300px and .span8 width: 630px
  • Screen width <= 1200px : .span4 width: 370px and .span8 width: 770px

  (You can check the effect of having these 4 definitions by resizing your navigator window)

  OK, how to change it? You will need 4 declarations to override those currently running. For instance, if you would like to widen .span8 area by narrow .span4 in the 768px to 979px screens set:

  @media (min-width: 768px) and (max-width: 979px) {
  .span4 { width: 200px; }
  .span8 { width: 504px; }
   }

  The same for bigger than 1200px screens:

  @media (min-width: 1200px) {
  .span4 { width: 300px; }
  .span8 { width: 840px; }
   }

  And, so on for the two other kind of screens.

  I hope this helps you. Make me know if you have more questions or there is something needing further clarification.

• 

  staff-jeanpierreac · Staff · May 11, 2015 at 2:39 pm

  • Copy link

  Err: When I wrote xpan, I would like to write span :)

• 

  thesacredpath · Member · May 12, 2015 at 6:58 pm

  • Copy link

  staff-jeanpierreac, I fixed the “xpan” for you. :)

• 

  arthurfelder32 · Member · May 12, 2015 at 8:50 pm

  • Copy link

  hey happy how do i get hold of you?

• 

  thesacredpath · Member · May 12, 2015 at 9:05 pm

  • Copy link

  @arthurfelder32, I’m right here in the CSS forums nearly every day. It looks like both of your sites here are using different themes than discussed in this thread, so feel free to create a new thread in the CSS Forum for customization help. Many thanks in advance.

• 

  staff-jeanpierreac · Staff · May 13, 2015 at 4:51 am

  • Copy link

  @thesacredpath Thank you!! :)

  I’m new here -I’m learning a lot- so your help is always very appreciated!!

• 

  thesacredpath · Member · May 13, 2015 at 12:45 pm

  • Copy link

  staff-jeanpierreac, thanks and you are welcome, and thanks a lot for your help in the forums. It is very much appreciated. :)