I'm trying to harmonize the different "Team Member" blocks, but they all have different settings and I struggle to control their display (height/width).
I have members that have a bio, and I use the "meta overlaid, bio modal" display I also have some that do not have a display. Since I can't hide the arrow on hover, and disable the link (or can I?), I'm adding, in the same row, other members with "Meta Overlaid Alt", where the animation is quite similar. But the height of that Member is not equal as the other one, and I struggle to make it stretch to the row height, and make it responsive.
Add 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):
Hi!
I'm trying to harmonize the different "Team Member" blocks, but they all have different settings and I struggle to control their display (height/width).
I have members that have a bio, and I use the "meta overlaid, bio modal" display I also have some that do not have a display. Since I can't hide the arrow on hover, and disable the link (or can I?), I'm adding, in the same row, other members with "Meta Overlaid Alt", where the animation is quite similar. But the height of that Member is not equal as the other one, and I struggle to make it stretch to the row height, and make it responsive.
Any tips?
Thanks!
Attached files: Screenshot 2024-11-28 at 17.02.03.png
Hey Again,
Add 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):
.wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style=meta_overlaid] .team-member-image, .wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style=meta_overlaid_alt] .team-member-image, .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style=meta_overlaid] .team-member-image, .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style=meta_overlaid_alt] .team-member-image { padding-bottom: 100%; }Thanks
ThemeNectar Support Team
Hi Tahir! Thanks a lot, this is dope!
I guess harmonizing the little animation is another ball game, right?
This would require customizing the PHP templates: https://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/ .
Best
ThemeNectar Support Team