Center Icons on Homepage

Hello Guys,

I am trying to center five icons on the homepage using the Visual Composer plugin. Here is the code am using to do that:

.wpb_row .home_box_wrap{
float: left;
width: 18.8%;
padding: 0;
margin-right: 1.5%;
min-height: 0;
}

.wpb_row .purpose_first{
margin-left: 8.5%;
min-height: 0;
}

Am not sure where I am going wrong. This has been done on another website: <link removed at OP’s request />

Here is the website: <link removed at OP’s request /> am working on.

Thanks for your help.

The working site has this …

.wpb_row .purpose_first {
margin-left: 8.5%;
min-height: 0;
}

… while yours lacks it.

Thanks for that but I js_composer_front.css (79.8 KB) already added that to my website. I have attached my CSS and you will see that it’s there.

That’s why I was wondering to why it’s not working

Thanks

Check what’s loaded. It’s not there

As Dave pointed out, those styles have not made it online. They just aren’t there, so you haven’t added them successfully.

Thanks guys, it’s now looking great!