• Closed
• Andrew Heyer

  Spectator

  May 25, 2015 at 6:38 am #17737

  

  I am trying to get my widget to appear like the one you guys have in the demo. No padding, no margin, it is the full width of the page, not the window. The main problems I cant solve which would give me the desired effects are

  1) how to remove the padding around the header widget (I have only successfully removed the top margin) using
  .widgets-back-inside{
  margin-top: 0px;
  }

  2) how to remove the spacing between the slides and it’s container

  http://test.tennistucson.com/

Lukasz
Spectator
Posts: 45
May 25, 2015 at 12:03 pm #17738

Please copied below code and check whether it is effect which you wanted to achieve.

.widget-content {
margin: 0px !important;
padding: 0px !important;
border: 0px !important;
}
.widget-one-column {
padding-right: 0px !important;
padding-left: 0px !important;
}

Andrew Heyer
Spectator
Posts: 7
May 25, 2015 at 1:41 pm #17740

Perfect! Only had to change one thing to to select only the header widget and not sidebar
.widget_revslider .widget-content {
margin: 0px !important;
padding: 0px !important;
border: 0px !important;
}
took me way too long to figure that out. Thank you so much!
Roman
Spectator
Posts: 3147
May 25, 2015 at 3:23 pm #17754

thanks for the snippet Lukasz 😉

The topic Full width revolution slider when placed as header widget is closed to new replies