CSS: Creating continious background and header

Public Ticket #957

CSS: Creating continious background and header

Conversation thread

PenciDesign replied

8 years ago

Staff Reply

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

redhotsuz replied

8 years ago

Customer Reply

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

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

\
#header .inner-header{ background: none; }

Best Regards,

PenciDesign

redhotsuz started the conversation

8 years ago

Conversation Start

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

Want to join this conversation or access attachments? Sign in first.