[Resolved] Team Member

Home Forums Support Team Member

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #951472
    John

    Hello

    I am trying to add team member in bottom of the post.

    I’m using GP Elements “after content” Hook.

    But there is some issue when I try this.

    Comment Title is broken. And Can’t add any style for my team.

    Please check their team style(bottom of the post) – https://wisepick.org/best-freestanding-tub/

    Provide me some clean style like this.

    #951477
    Leo
    Staff
    Customer Support

    Hi there,

    Adding contents in the after_content hook shouldn’t break the comment title – I just tested it without any issues.

    Can you double check on your HTML to see if there are any syntax errors? Like every <div> should have a closing </div>

    Also please keep in mind that providing full custom CSS solution is not the purpose of this forum.

    #951481
    John

    The issue is fixed when adding display:inline-block

    #951483
    Leo
    Staff
    Customer Support
    #951566
    John

    I found an issue. The column is broken when don’t set specific height for team member images.

    But few image looks strange when set the hight value.

    Is There any way to fix it without mention height?

    #951838
    David
    Staff
    Customer Support

    Hi there,

    you can try forcing the image to cover with this CSS:

    .tdl_team img {
        object-fit: cover;
    }

    You can include the object-fit property in your existing CSS that is changing the height.

    #954695
    John

    Team membar images look well in desktop version but In mobile seems cropped the images.

    How Can I fix the issue for mobile version?

    #954774
    David
    Staff
    Customer Support

    For mobile you could try this to display the full image:

    @media (max-width: 768px) {
        .tdl_team img, .tdl_team img:hover {
            height: auto;
            text-align: center;
        }
    }
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.