Change padding in sidebar boxed widgets

  • sindicatosiep · Member ·

    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 ·

    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 ·

    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 ·

    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 ·

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

  • thesacredpath · Member ·

    Well, thank you and you are welcome. :)

  • The topic ‘Change padding in sidebar boxed widgets’ is closed to new replies.