[jlkdev]

The home page Professionals section is setup for 4-wide display of staff. But we only have 3 people. The default layout left aligns these people and it looks off with the 4th column empty.

We would like to center them. How can we accomplish this?

Thank you!

[Juanfra Aldasoro]

Hello,

Thanks for writing.

Unfortunately that’s not possible through the options panel. However:

I think that would be possible if you add some CSS. I’d recommend you to look for some tutorials on how to horizontally center-align list items. Or perhaps playing around with the col-full class for the #home-staff section.

Try adding this custom CSS:

#home-staff .col-full {
    max-width: 760px;
}

Please take a look at our recommendations when it comes to adding custom CSS: http://nicethemeswp.com/support/theme-docs/paeon/#custom-css

Best,
Juan.

[jlkdev]

Ok, I understand. I will give that a try. Thank you.

[Juanfra Aldasoro]

No problem.

Have a nice day,
Juan.

[jlkdev]

Actually, yes, that works.

Is it possible to center just the ul and not the whole element? In other words, to keep the ‘Our Professionals’ title left aligned?

I tried switching up the CSS to be:

#home-staff ul#staff, but that did not work.

Thank you!

[Juanfra Aldasoro]

Hi,

Thanks for the follow up.

Well, possibilities are limitless. I was just suggesting a quick solution in order to solve your problem. Unfortunately we cannot provide customization services behind support, but I’m sure you’ll be able to customize the UL css in order to center the list only.

Best,
Juan.

[jlkdev]

I understand. Thank you for the assistance.

[Juanfra Aldasoro]

Thanks for your comprehension.

Have a nice day,
Juan.