A few customizations to Brine template 7.0 header

23 minutes ago, Protoregimoto said:

Site URL: https://www.regijacob.com/

Hi,

I'm making some final tweaks to my site and have been getting some help from @tuanphan who I know is very busy this week so asking for assistance here. I have a few pages where I need to customize with code and haven't been able to get anything to work. Have tried using page id's and CSS, as well as page injection header code with no luck yet. 

https://www.regijacob.com/work
https://www.regijacob.com/origins
https://www.regijacob.com/snaps

For these 3 pages, I am trying to use an alternate logo and have the site title font color in black. 

Additionally the secondary navigation button [Contact] needs to be the inverse of how it looks on the homepage. (Black outline, black overlay and hover text color #e15509)

Sorry for the multiple requests, thanks.

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#collection-66758321d61d773ec7331873, #collection-6697a07de9a9753ef91f0553, #collection-597f9e2bebbd1ac64b21a1f0 {
    .Header .Header-branding img {
        content: url(logo-url-here);
    }
    .Header .Header-tagline {
        color: #000 !important;
    }
    .Header .Header-nav--secondary .Header-nav-item {
        color: #000 !important;
        border-color: #000 !important;
    }
    .Header .Header-nav--secondary .Header-nav-item:hover {
        color: #fff !important;
        background: #000 !important;
    }
}