Hi, yes, edit theme folder > widgets > fp-services.php.
Change this line:
<div class="service col-md-4 col-sm-6 col-xs-6">
to
<div class="service col-md-6 col-sm-6 col-xs-6">
and it will alway be 2 services per row.
Also counsider using child theme since you will lose changes on next theme update.
Ok but I was told that widgets don’t get picked up from child themes as they’re not part of the hierarchy. So how do I go about unregistering the widget and to register my copy of the widget?
And I changed it in the parent theme and it did nothing, I still have 3 services in one row and 1 service in the other row.
Are you referring to Services widget or to the services page template?
I followed dimikjones instructions and went to theme folder>widgets>fp.services.php the changed `
<div class=”service col-md-4 col-sm-6 col-xs-6″>`
to
<div class="service col-md-6 col-sm-6 col-xs-6">
But nothing happened. I’m not talking about how everything appears in the services widget on the front page. On the front page, I have it set up so only 3 services will show up and that is fine as is. I’m referring to the actual “Our Services” page that shows all of the services offered.
@gmisses
Yes, widgets won’t get picked, check here for unregister_widget
Solution 2: install simple custom css plugin and apply code below (initial value was 33%):
.services-area .col-md-4 {
width: 45%;
}
If you decide to use this solution restore original value for fp.services.php : <div class="service col-md-4 col-sm-6 col-xs-6">
Ok so I’m not looking to adjust the way the services look on the front page. I’m referring to how they appear on the actual “Our Services” page I created using the Services template. I want to keep the front pages as it currently is with just 3 services showing up in one row. But on the actual “Our Services” page, I would like there to be 2 rows, 2 services per row OR 4 rows, 1 service per row.
Ok, with css use this code:
.page-template-page_services .site-main .col-md-4 {
width: 45%;
}
Or edit page_services.php, there is also line:
<div class="service col-md-4 col-sm-6 col-xs-6">
This worked, I think… but due to my other issue (trying to unregister_widget) I can’t scroll down to see the whole page… 🙁
