CSS custom code to remove and adjust gaps

Can I have help please with custom CSS codes to the following as shown in two pictures please:
Many thanks.
Gavin

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.main_container {
margin-top: 0px;
}
#slides .prev {
display: none;
}
#slides .next {
display: none;
}
.pagination {
display: none;
}
.feature-content {
padding: 5px 0;
}
.feature-strip {
padding: 12px 0 9px 0;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {
display: none;
} 

You can adjust the "margin" and "padding" as per your requirement.
This will solve your issue.

 

Thank you very much it works

Just one little question, when I remove the long bar and dots using this:

.pagination {
display: none;
}

Whats the CSS code to remove the empty container or space it was sitting in please?

 

And can I use custom CSS to add a red border around the edges of the main content boxes and the boxes below it?

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.content {
margin-top: 20px;
}
.main_container {
padding: 5px 0;
} 

You can adjust the "margin" and "padding" as per your requirement.
This will solve your issue.

 

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.main_container {
border: 2px solid red;
}
.feature-content {
border: 2px solid red;
} 

In place of "red" you can put your color or color code.
This will solve your issue.