Eventum - Question | JoomShaper

Eventum

Z

Zbigniew Krełowski

Template 2 years ago

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

0
10 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #25885

Hi,

Do you want this header transparent?

https://prnt.sc/1epj3ye

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

0
Z
Zbigniew Krełowski
Accepted Answer
2 years ago #25920

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #25932

Ok first give me specific page link which header you want to transparent.

0
Z
Zbigniew Krełowski
Accepted Answer
2 years ago #25934

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

0
Z
Zbigniew Krełowski
Accepted Answer
2 years ago #25938

Hi Mehtaz, I helped myself.

Thanks once more.

Zbigniew

0
Z
Zbigniew Krełowski
Accepted Answer
2 years ago #25950

Hi, It works.

I've made it to add image to the header.

Question - how to add backgroud to whole site.

Zbigniew

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #25990

Hi,

Glad to know that.

For background image you can use this custom css

#sp-main-body {background-image: url(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

https://prnt.sc/1f543gv

Just change the image url which you want to set

https://prnt.sc/1f54w0k

Thank you

0
Pavel
Pavel
Accepted Answer
2 years ago #25992

#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

0
Z
Zbigniew Krełowski
Accepted Answer
2 years ago #26027

Hi Pavel, Hi Mehtaz.

more details, please.

The rcipie of Mehtaz does not work.

Zbigniew

0
Pavel
Pavel
Accepted Answer
2 years ago #26031

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...);

0