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 .container-wrap {
background-image: url(https://juliankorblmusic.com/wp-content/uploads/2022/04/fond-julian-v1.jpg);
background-position: center center;
background-repeat: no-repeat;
}
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):
I think I expressed myself badly. What I meant was the shadow that helps reading in the transparent header. For example, currently the background has white parts and the text is white. When I activate this option, the text is a little bit easier to read. But if the shadow was just a little darker, it would be perfect.
Sorry, English is not my native language and I sometimes express myself very badly.
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):
Hello!
Can we had somewhere a background image that can be used throughout the site.?
I know we can change color, but add image?
Thanks!
Hi There,
Thanks for keeping in touch.
The Boxed Layout does offer an option to add a Background Image.
Thanks
Hello and thanks!
Partialy solved ;-)
And, what if need to have full width page?
Hey Again,
I am afraid such an option is not possible with the Boxed Layout due to the HTML markup.
Thanks
ThemeNectar Support Team
can we add image on normal setup?
with using css?
Yes, we can use CSS to add a image on the "container-wrap" div.
Thanks
ThemeNectar Support Team
Thanks!
Btw, is it possible to make this shadow a bit darker?
Hey Again,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey Again,
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 .container-wrap { background-image: url(https://juliankorblmusic.com/wp-content/uploads/2022/04/fond-julian-v1.jpg); background-position: center center; background-repeat: no-repeat; }Thanks
ThemeNectar Support Team
Ho sorry Tahir, i was talking about the shadow. Just scroll down a bit plz.
But thanks for the snipet css, i'll use it in another project.
Hey Again,
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):
#header-outer[data-box-shadow="small"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="1"]:not(.transparent) { box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%); }Thanks
ThemeNectar Support Team
Hello Tahir!
I think I expressed myself badly. What I meant was the shadow that helps reading in the transparent header. For example, currently the background has white parts and the text is white. When I activate this option, the text is a little bit easier to read. But if the shadow was just a little darker, it would be perfect.
Sorry, English is not my native language and I sometimes express myself very badly.
Hey Again,
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):
#header-outer[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide):before { background: linear-gradient(to top,rgba(255,255,255,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,0.2) 16%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0.6) 100%); }Thanks
ThemeNectar Support Team
That'it!
U rock! ;-)
Thank you so much!
We can close this ticket!