That worked beautifully, thanks! Just one question, what difference does it make to put it in the own page CSS area (VC interface) instead of the Salient Options custom CSS? Which –if any– is better?
BTW congrats on the Salient 8 update. Will head for it soon! :)
—————
Update:
The images in desktop are allright, however in mobile (both phone and tablet) are now quite overgrown. I can recall there's some lines of code to make it only affect the desktop and leave the mobile versions untouched. Would you be so kind to advise further on this? Thank you! ;)
Hey Again,
Sorry for the Weekend Delay .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
.team-member[data-style="meta_overlaid"] .team-member-image, .team-member[data-style="meta_overlaid_alt"] .team-member-image { height: 100% !important; min-height:600px }Thanks
ThemeNectar Support Team
That worked beautifully, thanks! Just one question, what difference does it make to put it in the own page CSS area (VC interface) instead of the Salient Options custom CSS? Which –if any– is better?
BTW congrats on the Salient 8 update. Will head for it soon! :)
—————
Update:
The images in desktop are allright, however in mobile (both phone and tablet) are now quite overgrown. I can recall there's some lines of code to make it only affect the desktop and leave the mobile versions untouched.
Would you be so kind to advise further on this? Thank you! ;)
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 690px) { .team-member[data-style="meta_overlaid"] .team-member-image { height: 500px!important; min-height: 500px !important; } }Thanks
ThemeNectar Support Team