Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 15, 2017 at 3:07 pm #839327
    bakbek

    Hi, how can I center align the name of the team member inside a team member element so it will be centered below the image instead of aligned to the left?

    Thanks.

    August 15, 2017 at 3:13 pm #839331
    tjswarbs78

    Hi,

    .team-member-name {
  text-align:center;
}

    Adding that to your custom css should center the name.

    If not let us know.

    Thanks

    TJ

    August 15, 2017 at 3:25 pm #839340
    bakbek

    Great, thanks.

    How can I move the member name to be above the image on mobile?

    August 15, 2017 at 3:50 pm #839366
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
h3.team-member-name{
    margin: -620px 0px;
    position: absolute;
    width: 100%;
}}

    Best regards,
    Jordan Shannon

    September 18, 2021 at 12:26 pm #1321445
    tcdori

    Hey, how can I center the whole team member section? I already got the title centered, but I want to center the image as well. Thank you. All the best, Tino

    Here’s the site: https://tcdori.de/vorstand/

    September 19, 2021 at 2:00 pm #1321525
    Nikko

    Hi tcdori,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .team-img-container {
    margin-left: auto;
    margin-right: auto;
}

    Best regards,
    Nikko

    September 25, 2021 at 10:47 am #1322277
    tcdori

    Hey Nikko, thank you very much! Worked perfectly. All the best, Tino

    September 26, 2021 at 5:54 pm #1322364
    Nikko

    Hi Tino,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to center align the team member name inside a team member element?’ is closed to new replies.