[Resolved] Team Member

[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.

[Leo]

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.

[John]

The issue is fixed when adding display:inline-block

[Leo]

Awesome 🙂

[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?

[David]

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.

[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?

[David]

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;
    }
}

[Author]

Posts