making hr full width

• 

  moshekahol · Member · Oct 13, 2016 at 1:30 pm

  • Copy link
  • Add topic to favorites

  Hi in the bottom of my site above the social widget I have a hr, here:
  https://kahol.co.il/
  how can I make it take the full width of my site?
  thanks!

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

• 

  siobhyb · Member · Oct 13, 2016 at 6:11 pm

  • Copy link

  Hi @moshekahol,

  In order to get the top border of the social icons widget to display across the full width of the screen, you’ll need to use this absolute positioning trick:

  .home #wpcom_social_media_icons_widget-10 {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
  }
  
  .widget-footer-area {
      padding-bottom: 220px;
      position: relative;
  }

  With the above CSS in place, you’ll also need to add some margin-top to .site-info (I can see that you’ve already added a negative value to that element in your custom CSS):

  .site-info {
      margin-top: 30px;
  }

• 

  moshekahol · Member · Oct 14, 2016 at 12:04 am

  • Copy link

  Thanks Siobhyb, it worked :) you are so helpful!
  I will be happy if you can take a look on s related issue here: https://en.forums.wordpress.com/topic/site-margins?replies=1
  thanks!

• 

  siobhyb · Member · Oct 14, 2016 at 12:09 pm

  • Copy link

  I’ve gone ahead to answer that thread. :)

• 

  moshekahol · Member · Oct 14, 2016 at 12:48 pm

  • Copy link

  thanks really greatful for your help!

• 

  siobhyb · Member · Oct 14, 2016 at 12:49 pm

  • Copy link

  You’re most welcome. :)