Change padding in sidebar boxed widgets

• 

  sindicatosiep · Member · May 27, 2015 at 5:18 pm

  • Copy link
  • Add topic to favorites

  Hello. I want to change the padding in sidebar boxed widgets. What is the the css code than I need? I want that the boxes of the different widgets become closer. An also that the space between the lines and the content become smaller. I hope I’ve explained it well. Thanks

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

• 

  thesacredpath · Member · May 27, 2015 at 7:29 pm

  • Copy link

  Hi, there is a 1.5em bottom margin on all widgets in Dynamic News. You can add the following and adjust the 1.5em value to adjust the spacing in the sidebar widget area.

  #sidebar .widget {
      margin-bottom: 1.5em;
  }

  Looking at the categories widget in your sidebar and the nav menu in your footer widget area, the spacing on the lines appears pretty close right now. I don’t know that I would recommend making them closer.. If I’m misunderstanding what you are wanting, please let me know.

• 

  sindicatosiep · Member · May 27, 2015 at 10:14 pm

  • Copy link

  Thank you for your help! I solved one of the problems I had. Now de boxes are closer.

  But how can I modify the padding in each box?. I mean, I want that the elements inside each box could be closer to the borders of each widget box.

  Thanks

• 

  thesacredpath · Member · May 27, 2015 at 10:25 pm

  • Copy link

  To do that, we need to adjust the padding set in the widget itself. Add the following and you can adjust top, bottom, left and right paddings (it was originally 1.5em)

  .widget {
      padding-left: 1.0em;
      padding-right: 1.0em;
      padding-top: 1.0em;
      padding-bottom: 1.0em;
  }

• 

  sindicatosiep · Member · May 27, 2015 at 10:31 pm

  • Copy link

  Thank you for your help!!! Fantastic!!! The name of Happiness Engineer is true!!! ;-)

• 

  thesacredpath · Member · May 27, 2015 at 10:49 pm

  • Copy link

  Well, thank you and you are welcome. :)