Decrease Number of Service Boxes

Discussion in 'One Page Pro WordPress Theme' started by vibrandsee, Nov 21, 2016.

  1. vibrandsee

    vibrandsee Member

    Joined:
    Apr 13, 2013
    Messages:
    102
    Likes Received:
    1
    How do I decrease the number of service section boxes to 3 instead of 4?
     
  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Use below code in Custom CSS field under Theme Settings of customizer panel of your WordPress
    Code:
    .services_div .container .col-md-3:nth-child(3),
    .services_div .container .col-md-3:nth-child(4){
        display: none;
    }
    This will resolve your issue,

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  3. vibrandsee

    vibrandsee Member

    Joined:
    Apr 13, 2013
    Messages:
    102
    Likes Received:
    1
    Thank you this worked, but now it's off-centre. How do I centre / distribute evenly?

    For those wanting to know how to get to the custom CSS for this theme (it took me a few minutes to find it), go to: Dashboard -> Appearance -> Customize -> Theme Settings -> Custom Settings
     
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    You need to apply some margin on the first box, just paste the below code in Custom CSS field located under Dashboard -> Appearance -> Customize -> Theme Settings -> Custom Settings
    Code:
    @media (min-width: 992px){
    .services_div .container .col-md-3:nth-child(1){
    margin-left:24%;
    }
    }
    This will resolve your issue,

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  5. vibrandsee

    vibrandsee Member

    Joined:
    Apr 13, 2013
    Messages:
    102
    Likes Received:
    1
    Thanks for this. I actually wanted 3 services have them centered. Your example for centering works for 2 feature sections. I will try to tweak the numbers, but could you let me know the proper way to do it?
     
  6. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    As per you earlier requirements, you asked to hide two service boxes from there, I just provided the code keeping that thing in mind.

    Don't worry, you can decrease the margin-left percent in above code and it will work for that.

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     

Share This Page