Resizing the services widget

Hello,

I’d like to know if it’s possible to resize the services widget. We have four services and I’d like to shrink them so that all 4 fit on one line instead of having one at the bottom.

Thank you

Hello,

Please try to use the following CSS code in order to have four services in a row on 1200px of width and more. You can change 1200px breakpoint to meet your needs, but in my opinion 1200px is optimal.

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.

@media only screen and (min-width: 1200px) {
    .atframework_services_widget .service {
        width: 24%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

That is perfect.

Thanks so much!

You are welcome!

Kind Regards, Roman.