How to equalize the margins of the three feature columns

Hello,

I put the code into the custom CSS to change from four feature columns to three on the Home Page. But the three columns are not centered on the page, they are to the left. That is, the left edge of the first column lines up with the left edge of the slider but the right margin is to the right of the right edge of the slider. How can I fix this so that the three columns are aligned on the page?

 

Hello,

Do let us know your website link.

Thanks & Regards
Gourav Shrivastava

 

Hello,

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

Code:

.content img {
width: 100%;
}
#content .one_fourth {
width: 30%;
margin-right: 0%;
}
#content .one_fourth:nth-child(1) {
margin-right: 5%;
}
#content div.one_fourth.middle {
margin-right: 5%;
} 

This will solve your issue.

 

Thank you. That worked.