I am working on the following theme. https://wordpress.org/themes/ultra/

Does anybody know how can I remove the margin between widgets in this theme? How can I move the menu bar to a new line?


1 Answer 1


Move the Navigation to a new Line: Add clear:left; to the .main-navigation class in your styles.css

With Widgets I assume you mean the 3 sections with the blue graphic.. those have a horizontal padding of 25px and are evenly distributed by their width of 33.33333% -> look at the class .sow-features-list .sow-features-feature

Line 21 of your styles.css

.sow-features-list .sow-features-feature {
  text-align: center;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px; //change this line
  margin-bottom: 40px;
  • Thanks for your answers. The first works fine. But I cannot find the padding in .sow-features-list .sow-features-feature. Should I look into the style.css or somewhere else?
    – user570593
    Jan 15, 2017 at 11:29
  • edited my answer above
    – funkysoul
    Jan 15, 2017 at 11:40
  • I am using the main style file, not the one inside the demo folder. In that case how can I change this padding?
    – user570593
    Jan 15, 2017 at 16:36
  • I manually added widgets by myself. I need to remove the horizontal margin between them.
    – user570593
    Jan 15, 2017 at 16:45
  • please create a new question and put your url to your site there so we can check your code / style.
    – funkysoul
    Jan 15, 2017 at 17:20

Not the answer you're looking for? Browse other questions tagged or ask your own question.