Centering Team Section on my site

  • Resolved cartermackenzie

    (@cartermackenzie)


    1 year, 4 months ago

    Hi. I really like the Hestia Theme and have been using it for this site for awhile, but recently have needed to put some more things on the site for the client.

    With the Team section – I’ve just got some images instead of team members etc. But on desktop view this shows these aligned to the left. On Mobile and Tablet view they’re nicely aligned to the centre. How can I get it aligned to the centre too. It looks jarring on the desktop view right now… the features section is all aligned centre, but not the team section.

    Hope someone can help me. Thanks

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

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

  • Hi @cartermackenzie,

    Thanks for choosing Hestia!

    This is the default behaviour of the theme on desktop, since by default those images are contained in a wider box where some text is added on the right side of the image. If that text is removed, the images will appear misaligned, even though each box is properly centered, but there is no content on the right side of it. Please add the code below in the Additional CSS section within the Customizer to center align the images.

    @media(min-width: 991px) {
    .hestia-team-content .card.card-profile.card-plain .col-md-5 {
    margin-left: 30% !important;
    }
    }

    Have a nice day ahead!

    AC

    (@purplecodes)

    Themeisle Support

    Hi @cartermackenzie,

    It’s been a while since we have heard from you. We will now be closing this thread if the issue has already been resolved. Kindly open a new thread if you have other questions or concerns.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Centering Team Section on my site’ is closed to new replies.