In team members - bio modal, I'm having trouble with the images on the right hand side.
1. In the bimodal view, the image is sometimes cut off and the only way to see it is to change the size of the window. The scroll bar does nothing. Is there a way to allow the viewer to move the image around with the cursor or to use the scroll bar to move the picture around?
2. again in the bimodal view, the image starts close up and then slowly zooms out. Is there a way to speed up this zooming? Or to eliminate it completely and show the zoomed out picture right away?
I was able to figure out how to do #2. Can you help with #1? I would like to be able to show the entire photo in the team_member_overlay (bio modal). Right now the section of image that displays is dependent on the aspect ratio of the window.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
In team members - bio modal, I'm having trouble with the images on the right hand side.
1. In the bimodal view, the image is sometimes cut off and the only way to see it is to change the size of the window. The scroll bar does nothing. Is there a way to allow the viewer to move the image around with the cursor or to use the scroll bar to move the picture around?
2. again in the bimodal view, the image starts close up and then slowly zooms out. Is there a way to speed up this zooming? Or to eliminate it completely and show the zoomed out picture right away?
Hey Again,
Please provide the page URL so I may write up the custom CSS for this request.
Thanks
ThemeNectar Support Team
Hi Tahir,
It's https://riskfuel.com/#team.
I was able to figure out how to do #2. Can you help with #1? I would like to be able to show the entire photo in the team_member_overlay (bio modal). Right now the section of image that displays is dependent on the aspect ratio of the window.
Thank you,
Marian
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar_team_member_overlay .team_member_image { background-size: contain !important; background-repeat: no-repeat !important; }Thanks
ThemeNectar Support Team
Thanks Tahir - that worked.