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

Brine: How customize split color background in an index


Kacie
Go to solution Solved by tuanphan,

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.

 

 

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@tuanphan Thank you! Worked like a charm.

Posted Images

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

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...