Projects less than 8

Hi!

I am using the Astrid theme and have setup accordingly. Now I have only 6 ‘projects’ to show, unfortunately it is showing in one row 4 projects and in the row below its shows only 2 projects, and the rest of the row is showing white.
Is there any solution to create 2 rows with 3 projects each? So the projects will be nice and even displayed?

https://experiencealkmaar.nl/

Thanks!

All the best,

Guido

Hi Guido,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 992px) {
      .atframework_projects_widget .projects-area .project{
        width: 33.3333333333%;
      }    
    }

Regards,
Kharis
aThemes Support

Thanks for your help, unfortunately it did not work properely but for now I have enough projects to show it correctly though.

Hello there,

Thank you for updating me.

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 992px) {
      .atframework_projects_widget .projects-area .project{
        width: 33.3333333333%;
      }    
      .project:nth-of-type(3n+1) {
          clear: unset;
      }
      .project:nth-of-type(4n+1) {
          clear: unset;
      }
    }

Regards,
Kharis
aThemes Support

Thanks Karis! That worked fine.

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support