How To Make Header Transparent And have Same Background As The Section Below - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Make Header Transparent And have Same Background As The Section Below

DA

Dina Abramson

Template 3 years ago

Hi, I want to make the background of the header the same colour as the background of the section below the header. it is a gradient picture in the text and image of the first section

here is a picture:

https://abwddemo.com/images/background.png

I would appreciate if you could provide information on how to do this, so i understand how you fix the header background and will be able to do it myself next time.

I appreciate the assistance.

0
4 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #58290

Hello Dina Abramson

It looks like you have solved the issue. Please let me know if you need further help.

Best regards

0
DA
Dina Abramson
Accepted Answer
3 years ago #58193

Hi, Ok, I tried adding the following css:

.com-sppagebuilder #sp-header { position: absolute; background-image: linear-gradient(10deg, #E1E8FD 0%, rgba(241, 216, 180, 0.47) 128%); box-shadow: 0 0 0 0 #ffffff; } It has given me the background I wanted. If there is a better way, please let me know.

0
B
blue_Shift
Accepted Answer
3 years ago #58221

I'm having a hard time doing this with a custom header row. I can make it a color, but I can not make the background transparent.

(I gave it a row id and a class, and nothing seems to work...except a color.)

0
B
blue_Shift
Accepted Answer
3 years ago #58222

I see in the documentation that I needed to give it the row name "header," which worked.

@Dina Abramson - you are adding pagebuilder to the declaration, but pagebuilder loads inside the template, so it has no effect on the template. Try 

#sp-header { 
    your code
}
0