I have a few images on this page that won't scale to the full width of the page. The images are 1800px and salient seems to be adding a width of 1800px to the img attributes, so when the screen is larger than 1800px, the image stays small, but I want the image to scale up. I made the image 1800px, so the loading time is faster.
I tried that. It didn't seem to do anything. I attached another screenshot of the code that is causing the problem. How do I get rid of that width attribute?
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):
@media only screen and (max-device-width: 2600px) {
img.img-with-animation.animated-in {
width: 100% !important;
}
}
I have a few images on this page that won't scale to the full width of the page. The images are 1800px and salient seems to be adding a width of 1800px to the img attributes, so when the screen is larger than 1800px, the image stays small, but I want the image to scale up. I made the image 1800px, so the loading time is faster.
Hey Again,
Seems alright on my end : http://prntscr.com/kiyndp . Could you provide a screenshot of the Issue .
Thanks
ThemeNectar Support Team
Here is a screenshot of the problem. There is an image attribute preventing the image from scaling to 100% width.
Hey Again,
There is a max-width set in here : http://prntscr.com/kiyxzk . You can adjust it here : http://prntscr.com/kiyy6q .
Best
ThemeNectar Support Team
I tried that. It didn't seem to do anything. I attached another screenshot of the code that is causing the problem. How do I get rid of that width attribute?
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):
@media only screen and (max-device-width: 2600px) { img.img-with-animation.animated-in { width: 100% !important; } }Thanks
ThemeNectar Support Team
Awesome. Thanks that worked.