Hello! I'm working in Brine and I'm having trouble with my split color background. The code I'm using works, however, I want the color to extend all the way up to the top of the page—including the header. Right now, the header remains all white. I set the logo and nav to the Bottom—which would normally make the header act transparent and allow the background image/video show thru. The custom CSS I used is throwing something off... or not taking something into account.
Follow up questions would be how to make the markdown text, "tiny studio..." to revert to black in mobile view; and how to make logo revert to blue in mobile view/white in desktop view.
Question
Kacie 1
Hello! I'm working in Brine and I'm having trouble with my split color background. The code I'm using works, however, I want the color to extend all the way up to the top of the page—including the header. Right now, the header remains all white. I set the logo and nav to the Bottom—which would normally make the header act transparent and allow the background image/video show thru. The custom CSS I used is throwing something off... or not taking something into account.
Custom CSS currently being used:
/*** SPLIT WELCOME BANNER ***/
#welcome {
background: linear-gradient(90deg, #0814b3 40%, #FFFFFF 0% ); } @media only screen and (max-width: 640px) {#welcome {background: #FFFFFF !important }}
Screenshot:
Website is kaciemclean.com / password: kmtemp01
-----
Follow up questions would be how to make the markdown text, "tiny studio..." to revert to black in mobile view; and how to make logo revert to blue in mobile view/white in desktop view.
Link to post
Top Posters For This Question
2
2
1
Popular Days
Nov 30
2
May 8
2
Dec 1
1
Top Posters For This Question
Kacie 2 posts
tuanphan 2 posts
Sherri 1 post
Popular Days
Nov 30 2019
2 posts
May 8 2020
2 posts
Dec 1 2019
1 post
Popular Posts
Kacie
@tuanphan Thank you! Worked like a charm.
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment