I've added some custom CSS to create a gradient background in the body of my website, however I'd love for it to extend threw the header as well. Is there any way to make the header merge with the gradient of the body?
Amazing, this worked! However, I updated some colouring in the Customizer and all of a sudden a grey line between the header and body has appeared! I tried re-entering and updating the css, but it's not working!
Hello!
I've added some custom CSS to create a gradient background in the body of my website, however I'd love for it to extend threw the header as well. Is there any way to make the header merge with the gradient of the body?
This is the code I used for the gradient:
body {
background: #ffcfa5;
background: -moz-linear-gradient(-45deg, #ffcfa5 0%, #ff44dc 99%);
background: -webkit-linear-gradient(-45deg, #ffcfa5 0%,#ff44dc 99%);
background: linear-gradient(135deg, #ffcfa5 0%,#ff44dc 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfa5', endColorstr='#ff44dc',GradientType=1 );
}
Thanks so much!
Suz
Hi,
Please try add more this code to Customize > Custom CSS to do that:
#header .inner-header{ background: none; }Best Regards,
PenciDesign
Hello!
Amazing, this worked! However, I updated some colouring in the Customizer and all of a sudden a grey line between the header and body has appeared! I tried re-entering and updating the css, but it's not working!
Any help would be appreciated!
Suz
Hi,
You can remove that border by add more this code to Customize > Custom CSS:
.header-header-1.has-bottom-line, .header-header-4.has-bottom-line, .header-header-7.has-bottom-line{ border: none; }Best Regards,
PenciDesign