Hi, I've added a background image to my footer, however the image doesn't show fully I'd like to modify it's background-size propierties to "contain" and make it placed center bottom. Also, (i believe this is a bug)when the image opacity slider is set to 0.0 it glitches and it appears as if the opactiy was 1.0
in order to clarify, the image i'm trying to add to the footer is the one attached to this message, as you see there are two figures on the sides of the image and i want those to appear in the space between the footer content and the margin of the screen.
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):
#footer-outer[data-using-bg-img="true"] {
background-size: contain !important;
background-position: center !important;
}
Hi, I've added a background image to my footer, however the image doesn't show fully I'd like to modify it's background-size propierties to "contain" and make it placed center bottom. Also, (i believe this is a bug)when the image opacity slider is set to 0.0 it glitches and it appears as if the opactiy was 1.0
in order to clarify, the image i'm trying to add to the footer is the one attached to this message, as you see there are two figures on the sides of the image and i want those to appear in the space between the footer content and the margin of the screen.
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hi, you've had some trouble reaching my site, let's see if now you can access it: crezen.es
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):
#footer-outer[data-using-bg-img="true"] { background-size: contain !important; background-position: center !important; }Thanks
ThemeNectar Support Team
The code worked just fine, also, take note of the issue i mentioned regarding the opacity slider, I'm quite sure it's a bug,
Is it possible to show a different footer Image on mobile browsers
or just hide it completely on "portrait"
Nevermind, I got it. The issue is solved thank you so much.