I have a team section using 5 rows of 4 columns where I've used the Team Member shortcodes.
Need your help:
1) I would like to change the height of all Team Member to 150px height on the grid. I did this previously, but can't seem to replicate. Is there a custom css code to do this?
2) Is there a custom css code to change the zoom on the pictures in the grid? I prefer to show the full image size.
3) Is there a code for changing the padding around the Team Member images (column padding) to less than 1%? 1% around all leaves too wide a gap and I'm trying to have something like 4px or 6px padding instead.
Hi ThemeNectar,
I have a team section using 5 rows of 4 columns where I've used the Team Member shortcodes.
Need your help:
1) I would like to change the height of all Team Member to 150px height on the grid. I did this previously, but can't seem to replicate. Is there a custom css code to do this?
2) Is there a custom css code to change the zoom on the pictures in the grid? I prefer to show the full image size.
3) Is there a code for changing the padding around the Team Member images (column padding) to less than 1%? 1% around all leaves too wide a gap and I'm trying to have something like 4px or 6px padding instead.
Thanks so much!
Cheers!
Hey Matin!
Add this into the Custom CSS box located in your Salient Options panel :
body .full-width-content .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image { height: 150px; } body .full-width-content .vc_span3 { padding: 4% !important; } body .team-member[data-style="meta_overlaid"] .team-member-image { background-position-x: 50%; background-position-y: 56%; }
Thanks
ThemeNectar Support Team
Tahir, you're brilliant! Worked perfectly, thank you!!