Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2020 at 3:16 pm #1240677
    probly3000

    Hi,

    I have a page of team members, with image/name/job title/description for each.

    I would like to have all of these elements centred on the container, so that when the browser width decreases they stay in the same relative position (and then switch to more rows in the normal responsive way)

    At the moment the text and the images are moving left/right at different paces as I change browser width and for some widths the team member image becomes left justified, so not aligned with the text below.

    I’ve searched and applied some CSS code already for team members but can’t find the right method to fix this.

    Thanks

    • This topic was modified 4 years, 8 months ago by probly3000. Reason: Added domain protected password
    August 25, 2020 at 10:46 pm #1240781
    Jordan Shannon

    Hey Rob,

    Add this to quick css:

    .team-img-container{
text-align:center!important;
margin:auto!important;
}

    Best regards,
    Jordan Shannon

    August 26, 2020 at 11:31 am #1240890
    probly3000

    Hi Jordan,

    That works great! Thanks for the same day reply.

    Regards, Rob

    August 26, 2020 at 11:27 pm #1241026
    Jordan Shannon

    Hi,

    No problem, I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Team Members – Cannot Centre Image on Mobile’ is closed to new replies.