Home Forums Pro Themes Business Field Pro Adding Front Page Widgets

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #74112
    Allan Ligon
    Participant

    Hi,

    Is there a way we can add more service widgets on the front page? Currently, the default is only 3 service widgets per row. I need to have atleast 5 widgets per row.

    Thanks!

    #74137
    wensolutions
    Keymaster

    Hello @itssupportbiopharmasservices-com,

    First of all thank you very much for using the theme.

    Now to set the no. of row to 5 in service widget add below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additonal CSS and paste below given CSS.

    .business_field_widget_services .service-block-item:nth-child(3n+1){
        clear:inherit;
    }
    .business_field_widget_services .service-block-item:nth-child(5n+1){
        clear:left
    }
    .business_field_widget_services .service-block-item {
        width: 20%;
    }
    @media only screen and (max-width: 1023px){
    	.business_field_widget_services .service-block-item:nth-child(2n+1),
    	.business_field_widget_services .service-block-item:nth-child(5n+1){
    		clear: inherit;
    	}
    	.business_field_widget_services .service-block-item {
    		width: 33.333%;
    	}
    	.business_field_widget_services .service-block-item:nth-child(3n+1) {
    		clear: left;
    	}
    }	
    
    @media only screen and (max-width: 767px){
    	.business_field_widget_services .service-block-item:nth-child(3n+1){
    		clear: inherit;
    	}
    	.widget.business_field_widget_services .service-block-item {
    		width: 50%;
    	}
    	.business_field_widget_services .service-block-item:nth-child(2n+1) {
    		clear: both;
    	}
    }	
    
    @media only screen and (max-width: 479px){
    
    	.widget.business_field_widget_services .service-block-item {
    		width: 100%;
    	}
    	.business_field_widget_services .service-block-item:nth-child(2n+1) {
    		clear: inherit;
    	}
    	
    }

    Hope this helps.

    Best Regards!!

    Have a good day 🙂 .

    #74163
    Allan Ligon
    Participant

    Thanks! 🙂

    #74165
    wensolutions
    Keymaster

    Hello @itssupportbiopharmasservices-com,

    Glad we could help you.

    If you have any issues further then please let us know.

    Also, we would really appreciate if you could help us by rating our theme by following the link given below:

    https://wordpress.org/support/theme/business-field/reviews/

    Thank you.

    Regards!!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.