Hi, I can not change background color of header.
I want to have it transparent but I do not know how to set up it.
I've tried to do this via 'presets' and in css files (presets in css). Without succes.
Finally I want to have one image as a background for all the page.
Could you help mi with this issue?
Zbigniew
Hi,
Do you want this header transparent?
Then use this custom css
.sppb-row.sppb-no-gutter {
background-color: transparent !important;
}Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
Hi,
I've addes this piece of code tu custom css. Nothing happened. In my header the background is let us say "blue", not transparent.
Where I've made mistake?
Zbigniew
Ok first give me specific page link which header you want to transparent.
Hi, I ve gave it to you.
kongres.server916807.nazwa.pl
I want to header (within menu) has no background colour.
Thanks in advace for help.
In hidden connten you have got an access to admin.
Zbigniew
Hi Mehtaz,
I helped myself.
Thanks once more.
Zbigniew
Hi,
It works.
I've made it to add image to the header.
Question - how to add backgroud to whole site.
Zbigniew
Hi,
Glad to know that.
For background image you can use this custom css
#sp-main-body {background-image: url(https://images-na.ssl-images-amazon.com/images/I/71%2B17bVYHxL._SX569_.jpg);
background-size:cover;
background-repeat:no-repeat;
}Insert this code in to custom code. Follow the screenshot for better understanding
Just change the image url which you want to set
Thank you
#sp-main-body has its own option for bacground in template settings. No need css for this.
For whole site bacground image it should be used "body" tag selector
Hi Pavel, Hi Mehtaz.
more details, please.
The rcipie of Mehtaz does not work.
Zbigniew
Hi Zbigniew.
body {
background-image: url(PATH_TO_YOUR_BACKGROUND_IMAGE);
background-size: cover;
background-repeat: no-repeat;
}Change PATH_TO_YOUR_BACKGROUND_IMAGE to your path. If the path is relative, slash before required.
Exemple background-image: url(/YOUR_RALATIVE_PATH...);