Css to center content for "team showcase" on mobile

  • Issue description:

Hello. I would like to know if there is css code to center content using the “team showcase” widget for mobile views. please see attached Pic.

  • Link to the page with the widget in question:

1 Like

Add this code to Website > (scroll down, you will see) Website Tools > Custom CSS

/* Elfsight center team */
@media screen and (max-width:767px) {
  .eapp-team-showcase-member-card-list-component.jsx-503060636 {
    align-items: center !important;
}
.eapp-team-showcase-member-card-list-infoContainer.jsx-503060636 {
    align-items: center !important;
    text-align: center !important;
}}

2 Likes

Hi @austin_kassler and welcome to Community :wave:

Please check the solution provided by tuanphan and let me know if it helped :slightly_smiling_face:

thank you this helped

1 Like

You are always welcome :raised_hands: