How to show 4 projects in a row

  • Hi Kharis,

    I hope you are well.

    I wonder if you can help with potentially a bit of code.

    On the website https://www.haddonconsult.co.uk I currently have 3 publications showing using the Projects row. I would like to add a 4th project and have it on the same row as the other 3 (it tries to put the 4th on the row below, which doesn’t look as neat). There is the option to put -1 to show that I want to have them all showing, but it doesn’t give the option to have them all on one row, so I suspect some code is needed.

    I look forward to hearing from you.

    Thanks as always.

    Jen

    The page I need help with: [log in to see the link]

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

  • Thank you for reaching out to us @jennifercross!

    To change the default projects column from 3 to 4, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    @media only screen and (min-width: 992px) {
  .projects-area .project.col-md-4 {
    width: 25%;
  }
}

    Regards,
    Kharis

    Thread Starter JenniferCross

    (@jennifercross)

    Hi Kharis,

    Thank you for getting back to me. I have added the code but the 4 projects aren’t showing all on one row – please could you take a look (I will leave it live so you can see).

    I look forward to hearing from you again.

    Thanks as always.

    Jen

    Thread Starter JenniferCross

    (@jennifercross)

    Hi Kharis, just checking if you can see the issue here – I have kept the website live and you will see that one of the projects slips onto a second row while in laptop view. The code hasn’t forced all 4 projects onto one row as expected?
    Thanks,
    Jen

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to show 4 projects in a row’ is closed to new replies.