More columns for service widget

Is it possible for the service widget to have more than 3 columns ? Say, 5?

www.ulinkchina.com

Best,
Linda

Hello Linda,

Please try to use the following CSS code to show 5 columns on desktop:

@media only screen and (min-width: 992px) {
    .service-area .roll-iconbox.round.border {
        width: 18% !important;
    }
}

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

Kind Regards, Roman.

Hey Roman,

works great. But now there is alot of space under the services before we see the next section. Is there anyway I can decrease that space?

I tried adjusting the bottom padding to 0 but there’s no difference. I think maybe its related to the height of the each column. How can I adjust the height?

Linda

Hello Linda,

Currently your first service item has three empty paragraphs, fourth service item has one empty paragraph, and the fifth service item has one empty paragraph as well. Please remove that empty paragraphs to reduce the white space.

If you will want to reduce the white space even more, then please try to use the following CSS code.

.service-area .roll-iconbox {
    margin-bottom: 0;
}

This code should remove 50px of white space below service items.

Kind Regards, Roman.

right…thanks!

You are welcome Linda!

Kind Regards, Roman.