Change padding in frontpage widgets

• 

  sindicatosiep · Member · Jun 14, 2015 at 10:15 am

  • Copy link
  • Add topic to favorites

  Hello. I use Dynamic News Theme in wordpress.com

  I’m trying to reduce the padding of the widgets in the frontpage of my wordpress.com page. I put this css code:

  #frontpage-magazine-widgets .widget {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.1em;
  }

  It works, but the problem is that the line of the box of each widget disappears in the right side. How can I change the padding and maintain the line? Thank you very much.

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

• 

  staff-jeanpierreac · Staff · Jun 15, 2015 at 7:21 am

  • Copy link

  Hi there, sindicato seip!

  The problem is with the area in which you have both ‘comunicados’. This area (.category-posts-grid-row inside .widget-category-post-grid) has a negative margin to the right. That was planned to have a closer adjust to the border, having into account those 1.5 em paddings. But, with your new, slimmer, paddings, the area overflows the container.

  You could try to put borders to both areas to clearer understand what it happens:

  #widget-category-posts-grid .category-posts-grid-row {
     border: 1px solid red;
  }
  #frontpage-magazine-widgets .widget {
      border: 1px solid green;
  }

  Consequently, what you would need is to use a smaller .category-posts-grid-row margin-rigth

  #widget-category-posts-grid .category-posts-grid-row {
      margin-right: -0.4em;
  }

  Ya me cuentas si funciona, ¿ok? ;)

• 

  sindicatosiep · Member · Jun 16, 2015 at 6:18 pm

  • Copy link

  Great! Funcionó!!! Thank you!

• 

  staff-jeanpierreac · Staff · Jun 16, 2015 at 9:37 pm

  • Copy link

  Music for my ears, compa. ;)

• 

  staff-totoro · Staff · Jun 18, 2015 at 1:02 am

  • Copy link

  Props staff-jeanpierreac :)

• 

  staff-jeanpierreac · Staff · Jun 18, 2015 at 6:02 am

  • Copy link

  staff-totoro :)!