4 services in a row

  • Hello everyone,

    First I would like to say that the moesia theme has been the best theme I have used in a long time. The problem that I am running into is that I can’t figure out how to display all four of my services in a row. It will show 3 in a row and then the 4th drops to another line. I have tried to reduce the size of the images thinking that the images were too big to display all four on the same line but was unsuccessful. I tried adding the following code to the custom css plugin:

    .service {
    width: 25%;
    }
    .service:nth-of-type(3n+1) {
    clear: none;
    }

    But that did not work either.

    Is there an easy way to get all 4 services to appear on one line?

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

  • Try changing 25% to 24% or even a bit less. The services are now inline-blocks so that code won’t work as it is.

    Thread Starter lcrtrjr

    (@lcrtrjr)

    Hello Vladff,

    Thank you for your response, I tried changing the 25% to 24% and even 15% but there was still no change with the 4th service being presented on the same line as the other 3. Are there any other solutions that I can try to get this working?

    Thanks in advance for your help.

    Hello, try this:

    .services-area .col-md-4 {
  width: 24%;
}

    It should work on large screens.

    Hello everyone,

    glad to see I’m not the only one who need 4 services in a row! Did this code work ?
    Could you tell me exactly where I must add it ?

    Thanks a lot for your help

    Here’s a possible work-around I’ve discovered as learning theme and associated plugins + widgets:

    The SiteOrigin Widget Bundle (makers of the PageBuilder recommended by the Moesia Theme) includes a “SiteOrigin Features” widget.

    This allows you some different controls/settings such as “4” features in a row. Only setback might be manually linking the “Feature” to the desired “Service” post.

    • However, there’s a handy “Select Content” button that opens drop down selection of all your posts/pages to link to

    Hope this helps!

    **Second Note**
    I’m going to create another thread asking for help/requesting feature update for the logic on how bootstrap classes are applied…which would resolve the column issues over several widgets I’ve come across.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘4 services in a row’ is closed to new replies.