ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• July 17, 2013 at 2:31 pm #11903
  jlarcom

  Member

  Post count: 3

  I’d like to single out one team member and center on the page, is that possible?

  Right now, it is left justified and creates a lot of white space on the right that I can’t utilize: http://tampamarkethomes5.popdesigngroup.com/about-wendy/meet-the-team/

  TIA.

  July 22, 2013 at 3:07 pm #12449
  jlarcom

  Member

  Post count: 3

  No reply for 5 days now, so I went in and sort-of fixed this manually. Using a full width text box and placing the photo and text underneath with social short code (that I had to add code to to make it centered). I found this code to center social icons on another post:

  <p class=”social-centered”>[social size=”standard” style=”colour”]</p>

  Then add the following to the box ‘Extra class name’ and Custom CSS in Theme options:

  .social-centered ul.social-icons {
  text-align: center;
  }
  .social-centered ul.social-icons li {
  float: none;
  display: inline-block;
  }

  This works for my client, but not the fix I was looking for…

  July 22, 2013 at 4:09 pm #12493
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi,

  Apologies for the delay, we had staff shortage and some threads got overlooked + it was the weekend when support is offline – sorry for that!

  Here’s a cleaner way of doing it, you just need to use Inspect Element in your browser and find out the data-id attribute for the li tag that’s holding the team member you want to target.

  Example:

  On your site, Pat Cafferty has data-id=”id-0″, so we can write this to single her out:

  .team-member[data-id="id-0"] {
      float: none !important;
      margin: 0 auto !important;
  }

  Again, sorry for the delay.

  Regards,
  ————————————————————————————————————

  Cosmin – Support

• Back to forum

  Posted in: Flexform