Monochrome Pro Front Page spacing

[Avishekks]

Hi everyone, I'm trying to figure out how to condense the front page sections and widgets. Here is the problem.

Between widgets, the theme lines to add some hyphens (see image).

In the top part of the picture is the end of Front Page 2. The bottom part of the picture is the beginning of front page 3 (which has an image).

Now, can anyone explain to me how to reduce the space between front page 2 and 3? Also if you have any tips on using firebug or other tools to figure this out please feel free to share. I'm using firebug, but I have no idea what this issue is. My best guess is that it has something to do with the wrapper class.

[Avishekks]

Ok I SOLVED the spacing thing. This is the default from my front page css file.
I simply reduced the padding on both bottom and top under the first section there. However, I haven't figured out how to lose those hyphens yet. Here is another picture of the hyphens (that's not the right term).

It's not really a hyphen as under these social media icons (which I made using the icon for each one and simply adding a link for each icon then pasting the html into a custom html widget) I see these LINES. I don't know what they are...

Now I tried changing the padding on the flexible widgets part, the second part below, and nothing happened. On my front page 1 I have 3 widgets, so I expected to see some change and saw nothing. Ideas? Thanks.

.front-page .flexible-widgets {
margin-left: auto;
margin-right: auto;
padding-bottom: 100px; <---------Reduced that------------>
padding-top: 140px; <----------and that---------->
}

.flexible-widgets .widget {
float: left;
margin-bottom: 40px;
padding-left: 40px; <-----but what do these do?------>
padding-right: 40px;
}

.flexible-widgets .widget:last-of-type {
margin-bottom: 0;
}

[Author]

Posts