Try adding this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I tried something like this myself. But now when I change my screen size, the height of the meta overlaid alt stays 294px and the width gets wider or smaller.
Also the item with the Bio doesn't answer the code, so is still changing size on it's own.
Hi there,
I have some team member in a row, one is with bio and the others are Meta Overlaid Alt. See screenshot.
I'd like them to have the same hight. The member with bio is always square and the Meta Overlaid alt adjusts to the size of the screen.
Is it possible to make the Meta Overlaid Alt the same height as the Bio? And maybe also be always square?
Thanks for your help!
Attached files: Schermafbeelding 2023-09-06 om 12.11.16.png
Hello there,
Thank you for reaching out to us.
Try adding this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.full-width-content .vc_col-sm-4 .team-member[data-style=meta_overlaid] .team-member-image, .full-width-content .vc_col-sm-4 .team-member[data-style=meta_overlaid_alt] .team-member-image, .full-width-content .vc_span4 .team-member[data-style=meta_overlaid] .team-member-image, .full-width-content .vc_span4 .team-member[data-style=meta_overlaid_alt] .team-member-image { height: 294px; }Try that and let us know how it goes.
Thanks
Hi Andrew,
I tried something like this myself. But now when I change my screen size, the height of the meta overlaid alt stays 294px and the width gets wider or smaller.
Also the item with the Bio doesn't answer the code, so is still changing size on it's own.
You can check it now on my site.
Hey Again,
Please remove the CSS already provided and use only the one below:
.full-width-content .vc_col-sm-4 .team-member[data-style=meta_overlaid_alt] .team-member-image { padding-bottom: 100% !important; height: auto !important; }Thanks.
ThemeNectar Support Team
This is perfect Tahir! Thank you!