I am trying to change the background image. I have added a short code in the Function.php file and enabled the background image section in appearance. Even after changing the background image, it isn't reflected on the website.
In fact when the page is loading it displays the image as a preloader and vanishes. I want it to be displayed behind the content. Could you please help me to change it? I really appreciate any help you can provide.
You need to apply it on the ".container-wrap" class div.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hey team,
I am trying to change the background image. I have added a short code in the Function.php file and enabled the background image section in appearance. Even after changing the background image, it isn't reflected on the website.
In fact when the page is loading it displays the image as a preloader and vanishes. I want it to be displayed behind the content. Could you please help me to change it? I really appreciate any help you can provide.
Hey Again,
You need to apply it on the ".container-wrap" class div.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body.custom-background .container-wrap { background-image: url(https://kashmirsfinest.com/wp-content/uploads/2022/06/bg-1.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; }Thanks
ThemeNectar Support Team