Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Kacie

Brine: How customize split color background in an index

Question

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:

1086336581_ScreenShot2019-11-30at5_47_19PM.thumb.png.ec1bd27c2db3e30d6f369d7a3848b256.png

 

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.

 

 

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

I've tried adding fixed header code into mine like suggested but it's not working for me to get the color all the way to the top. Where does that go? 

Screen Shot 2020-05-07 at 9.36.47 PM.png

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...