Distance between main text body and sidebar

• 

  taomoves · Member · Jun 19, 2015 at 11:39 am

  • Copy link
  • Add topic to favorites

  Hello,

  I have another question regarding the distance between my main sidebar on the right and the main text body. In my sidebar I have a couple of text widgets and I would like to increase the distance between them and the text in my main text body. As far as I can see there should still be some room to move all of the widgets in my sidebar to the right–so that the right margin would basically be zero.

  Thanks a lot for your help in advance!!! Best wishes,
  Ansgar

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

• 

  kathrynwp · Staff · Jun 19, 2015 at 4:01 pm

  • Copy link

  Hi Angsar – could you please provide a link to a post where I can see your text widgets in action? Thanks!

• 

  taomoves · Member · Jun 19, 2015 at 8:56 pm

  • Copy link

  Hello Kathrynwp,

  thanks for helping!!

  The website is still under construction and the pages are password protected, yet. I just created a test page, in order for you to be able to see what I mean: http://tao-moves.com/237-2/test

  By the way, is it also possible to move my Links text widget more towards the top?

  Best wishes,
  Ansgar

• 

  kathrynwp · Staff · Jun 19, 2015 at 9:40 pm

  • Copy link

  Thanks for creating the test page.

  In my sidebar I have a couple of text widgets and I would like to increase the distance between them and the text in my main text body. As far as I can see there should still be some room to move all of the widgets in my sidebar to the right–so that the right margin would basically be zero.

  Try this:

  .widget-wrapper {
      padding-right: 0;
  }

  By the way, is it also possible to move my Links text widget more towards the top?

  Sure, try this to reduce the space above the right sidebar:

  #widgets {
      margin-top: 0;
  }

  Let me know how it goes!

• 

  taomoves · Member · Jun 19, 2015 at 10:03 pm

  • Copy link

  Thanks for the help!! This is much better!!

  But I think I would still prefer the distance between the main text column and the text in the sidebar to be slightly wider. Does it make sense to decrease the width of the main text column, and if yes, what would the CSS be? Or would you rather suggest another solution?

  I can’t tell you how greatful I am for all this support!! Best wishes,
  Ansgar

• 

  staff-totoro · Staff · Jun 20, 2015 at 8:22 pm

  • Copy link

  Hi there,

  Does it make sense to decrease the width of the main text column, and if yes, what would the CSS be?

  Yes I can see why that would make sense. Here is some code to get you started:

  @media screen and (min-width: 980px) {
  	.hentry {
    		padding-right: 20px;
  	}
  }

  You can adjust the padding to find what works for you, and I limited this change to desktop resolutions (980px and up) as on tablets and phones the sidebar is at the bottom of the post, and the padding is not needed at that point.

  Hope that helps. Please let me know if you have any further questions.

• 

  taomoves · Member · Jun 20, 2015 at 9:40 pm

  • Copy link

  That’s great!!! Thanks a lot!!!

  I have another question, but that relates to the position of my menu. Currently it sticks to the top. I would like to move it down a bit–like 40px.

• 

  taomoves · Member · Jun 20, 2015 at 10:08 pm

  • Copy link

  I’ve found the solution myself, what a surprise. -:)

• 

  staff-totoro · Staff · Jun 20, 2015 at 10:34 pm

  • Copy link

  And so it is! Well done! :)

  Cheers!

• 

  taomoves · Member · Jun 21, 2015 at 2:57 pm

  • Copy link

  Thanks! -:)