Display Two Projects Centered

I only have two projects to display. Right now they are left justified, so there is a space at the right. Is there a way, either to enlarge the thumbnails is that the two thumbnails take up the whole line, or center the two thumbnails on the line without changing their size.

Either solution is okay for me. Thank you!

1 Like

Hi,

Apply custom css code below. You can use this https://wordpress.org/plugins/simple-custom-css/ plugin to apply it:

.projects-area {
   text-align: center;
}

.project {
   float: none;
   display: inline-block;
}

a.link-icon,
a.pp-icon {
    text-align: left;
}

If provided code wont work for you, please share your page link with us so we can inspect it.

Best Regards

Hi there,
I have the same problem. I have only 1 Project / Client and need to make it aligned.
Can you check www.motionnmark.com
Please advise. I have added the above CSS but its not working.
thanks

Hello,

Yes, that is possible. Remove code which you have applied and apply this one instead:

.roll-project.fullwidth .project-item {
    position: relative !important;
    left: initial;
    right: initial;
    float: none;
    display: block;
    margin: 0 auto;
}

You can apply it from Appearance > Customize > Additional CSS field, and result should look like this https://www.screencast.com/t/yrvKypezhP0d . Also, don’t forget to remove the code when you add more items.

Best Regards!

1 Like

it worked. thanks so much @dimikjones really appreciate it