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):
Thanks but the code removes the ken burns however, some really weird effect is applied to the image, sometimes the image is shown really large (refer to the first attachment), and if you do it again, the image may be shown correctyl (refer to the second attachment).
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):
I'm using chrome, get into the site http://crezen.es/#especialistas then tick on the team member called "Ana Anaut" there's a chance you'll see that the image shows up really zoomed in, if it doesn't reload the page and try it again, click on another boxes then go back to this one, you'll see that the issue will eventually come up.
Please update to Salient Theme Version 9.01 and Salient VC 5.5.2.
If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel" -> General Settings -> "Toggle Theme Features" Section .
Hi, I believe you pressed on the wrong one, there are two team members whith the same old lady, however there's only the bio image on the one in the 3rd row. I can verify the issue is still happening, I just managed to recreate the issue.
I cant seem to recreate any jumping behavior on my end, Also both the css values are overridden : http://prntscr.com/l1no1c . The issue could be a delay in loading the css file .
Hi, I believe we have some misunderstanding here, I'm not talking about the jumping (which was fixed by your code), I'm talking about a different issue, I'll explain this issue again: Sometimes when you open the team member the bio image gets really big, it seems like it has something to do with the Ken Burns effect, in order to recreate the issue, you should click on the team member, if the issue is not there close the bio then click on some other team member's bio and then go back to the first one, if this hasn't caused the issue to appear again, reload and try again.
Hi again. I identified the cause of the issue. The bio image gets cut on the forehead because the menu cuts it. I mean the white upper menu get's over the image and cuts it. You can see what I mean by taking a look on the image I attached.
In order to solve this, maybe hiding the menu while you are inside the bio it's an option
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):
Hi, that code isn't solving the issue, that code actually is taking any effect on the issue, right now I have the code applied on the site so you can go and check it out.
(I replaced the first code you sent me with this one)
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):
Hi I'd like to remove the Ken Burns effect on the Bio Image within the "Bio Shown FullScreen Modal" on the Team Member Style.
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
http://crezen.es/#especialistas click on the team member where there's an old woman.
Hey Again, Hope you had a Great Weekend,
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{ transition: none !important; }Thanks
ThemeNectar Support Team
Thanks but the code removes the ken burns however, some really weird effect is applied to the image, sometimes the image is shown really large (refer to the first attachment), and if you do it again, the image may be shown correctyl (refer to the second attachment).
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 { -webkit-transform: scale(1) !important; transform: scale(1) !important; }Thanks
ThemeNectar Support Team
Hi, thanks for the answer however that didn't solve the issue, the image is still getting zoomed in sometimes.
Hey ,
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/
Best.
ThemeNectar Support Team
Hi, I have cleared my cache, however, the issue is still there.
How exactly can i recreate the issue ?
ThemeNectar Support Team
I'm using chrome, get into the site http://crezen.es/#especialistas then tick on the team member called "Ana Anaut" there's a chance you'll see that the image shows up really zoomed in, if it doesn't reload the page and try it again, click on another boxes then go back to this one, you'll see that the issue will eventually come up.
When the issue comes up, the image will look like that instead of displaying correctly.
The image is not showing up for me : http://prntscr.com/l1d9ru .
Please update to Salient Theme Version 9.01 and Salient VC 5.5.2.
If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel" -> General Settings -> "Toggle Theme Features" Section .
To get a list of Bug Fixes and new Feature addons in the Latest Theme update, the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .
Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .
Best.
ThemeNectar Support Team
Hi, I believe you pressed on the wrong one, there are two team members whith the same old lady, however there's only the bio image on the one in the 3rd row. I can verify the issue is still happening, I just managed to recreate the issue.
I cant seem to recreate any jumping behavior on my end, Also both the css values are overridden : http://prntscr.com/l1no1c . The issue could be a delay in loading the css file .
Try using the Optimization plugins recommended in this Article http://themenectar.com/docs/salient/performance-optimization-guide/ and check if that makes a difference .
Best
ThemeNectar Support Team
Hi, I believe we have some misunderstanding here, I'm not talking about the jumping (which was fixed by your code), I'm talking about a different issue, I'll explain this issue again: Sometimes when you open the team member the bio image gets really big, it seems like it has something to do with the Ken Burns effect, in order to recreate the issue, you should click on the team member, if the issue is not there close the bio then click on some other team member's bio and then go back to the first one, if this hasn't caused the issue to appear again, reload and try again.
The issue you are referring to was fixed by this particular css that i gave earlier :
.nectar_team_member_overlay .team_member_image { -webkit-transform: scale(1) !important; transform: scale(1) !important; }Also i cant seem to recreate it . Try it in Browser Incognito mode and check .
Best
ThemeNectar Support Team
well, i believe it's my fault, I cant recreate the issue with incognito mode...
Hi again. I identified the cause of the issue. The bio image gets cut on the forehead because the menu cuts it. I mean the white upper menu get's over the image and cuts it. You can see what I mean by taking a look on the image I attached.
In order to solve this, maybe hiding the menu while you are inside the bio it's an option
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 { z-index: 999999 !important; }Thanks
ThemeNectar Support Team
That code is also hiding the button that closes the bio modal.
Use this instead .
@media only screen and (max-width: 690px) { .nectar-flickity.nectar-carousel[data-format="default"] .flickity-slider .cell { padding: 0 20px !important; } }Best
ThemeNectar Support Team
Hi, that code isn't solving the issue, that code actually is taking any effect on the issue, right now I have the code applied on the site so you can go and check it out.
(I replaced the first code you sent me with this one)
Hey Again,
My Bad,
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 { z-index: 9999 !important; }Thanks
ThemeNectar Support Team
It worked fine, thanks