Title: Services Page Layout
Last modified: August 24, 2016

---

# Services Page Layout

 *  [gmisses](https://wordpress.org/support/users/gmisses/)
 * (@gmisses)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/)
 * So my client just added a service to her already existing 3 services. The layout
   was aesthetically pleasing when there were 3 services as it was set up in rows
   of 3… but not there are 4 and there is a new row with one service in in it. Is
   there a way I could adjust the layout so that each row displayed only 2 services(
   so that I could have 2 rows and 2 services per row)? Or maybe even one service
   per row to give enough room for a lengthy description of each service?
 * [https://wordpress.org/themes/moesia/](https://wordpress.org/themes/moesia/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Marko Dimitrijević](https://wordpress.org/support/users/dimikjones/)
 * (@dimikjones)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072127)
 * 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](https://codex.wordpress.org/Child_Themes) 
   since you will lose changes on next theme update.
 *  Thread Starter [gmisses](https://wordpress.org/support/users/gmisses/)
 * (@gmisses)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072159)
 * 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?
 *  Thread Starter [gmisses](https://wordpress.org/support/users/gmisses/)
 * (@gmisses)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072179)
 * 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.
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072226)
 * Are you referring to Services widget or to the services page template?
 *  Thread Starter [gmisses](https://wordpress.org/support/users/gmisses/)
 * (@gmisses)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072229)
 * 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.
 *  [Marko Dimitrijević](https://wordpress.org/support/users/dimikjones/)
 * (@dimikjones)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072265)
 * [@gmisses](https://wordpress.org/support/users/gmisses/)
    Yes, widgets won’t 
   get picked, check here for [unregister_widget](http://athemes.com/forums/search/unregister_widget/)
 * Solution 2: install [simple custom css](https://wordpress.org/plugins/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">`
 *  Thread Starter [gmisses](https://wordpress.org/support/users/gmisses/)
 * (@gmisses)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072312)
 * 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.
 *  [Marko Dimitrijević](https://wordpress.org/support/users/dimikjones/)
 * (@dimikjones)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072316)
 * 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">`
 *  Thread Starter [gmisses](https://wordpress.org/support/users/gmisses/)
 * (@gmisses)
 * [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072330)
 * This worked, I think… but due to my other issue (trying to unregister_widget)
   I can’t scroll down to see the whole page… 🙁

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Services Page Layout’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/moesia/1.54/screenshot.png)
 * Moesia
 * [Support Threads](https://wordpress.org/support/theme/moesia/)
 * [Active Topics](https://wordpress.org/support/theme/moesia/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/moesia/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/moesia/reviews/)

 * 9 replies
 * 3 participants
 * Last reply from: [gmisses](https://wordpress.org/support/users/gmisses/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/services-page-layout/#post-6072330)
 * Status: not resolved