Where do we change the colors of the My Blackboard and Logout areas in the header (2016 theme)? We have found everything else, just not these. We have an image displaying in the header to make it green, but it isn't showing underneath these two areas (which we thought were set to transparent). Thanks! Joe
Thanks!!! Joe
You can add those same lines into the bottom of theme.css or app_nav.css for the same effect. I have changed in that same way the logout button (sort of difficut to see if your top background colour is light gray or white) by using this:
.nav-link {
color: #303030 !important;
font-weight: bold;
background-color: transparent !important;
text-transform: uppercase;
}
.nav-link:hover, .nav-link:focus {
background-color:transparent !important;
text-decoration: none;
font-weight: bold;
color: #303030 !important;
}
div.global-nav-bar .logout-link, .global-nav-bar .logout-link:hover, .global-nav-bar .logout-link:focus {
background:url("images/logout.png") 50% 50% no-repeat transparent !important;
}
HTH,
Ester
Excellent! Thank you!
Thank you Ester!
How can you manage pictures in /images folder in a MH or SaaS instance?
Stefano Collovati, images is a folder inside your theme... your pics will get uploaded within the zip file :-)
Open the theme.zip file, and look under "core". You also have a "fonts" folder where you could load fonts used on the theme ;-)
HTH
Ester
Do you have suggestions for increasing the navigation links height?
So that it can match the brandingImgWrap height?
Hi Stefano!
Never tried. I guess you could give some padding to .nav-link. Let us know if you try!
Ester
Help
Privacy
Behind the Blackboard
Blackboard.com
Hey Joe ,
We actually just went through this process and had the same issue.
I finally found that this element was controlled inside of the color palette.
Inside of the color palette zip file is a file called colorpalette.vm, then there are 3 lines that need to be changed (this was especially frustrating because it wouldn't work if it wasn't changed in all 3 places, although after talking with one of our web guys, supposedly just changing the last instance would achieve the same results)
/*Global Nav links*/
/**/
.nav-link, .nav-link:hover, .nav-link:focus {
background: #98c6ea;
}
Hope this helps!
Eddie