Custom colors on Yale Standard 2016

Request Type:

General Assistance

Forums:

Author:

Ariana Parenti

Issue/Request:

I’m trying to customize the color bar in the header of the Yale Standard 2016 using the css injector. I have done it successfully on another dev site that I have access to http://dev.parenti.yale.edu

I used the following css on dev.parenti.yale.edu to achieve the above:

.nav-carbon .yale-standard-menu {

border-image: linear-gradient(to right, #e30301 16.6%, #ff8d00 16.6%, #ff8d00 33.2%,#ffed02 33.2%, #ffed02 49.8%, #007f27 49.8%, #007f27 66.4%, #004dfe 66.4%, #004dfe 83%, #740888 83%) 10;

}

I applied the same css to dev.lgbtqaffinity.yale.edu , but the border color did not change:

Can someone help me understand why the same css is working on one site but not on the other?

Mike Slattery on May 9, 2018:

Hey, not official yalesites person but… when this happens to me I check

1) is the ‘Enable Rule’ checkbox checked down by the save button on the CSS inject rule?

2) did I miss a curly brace or comma in the CSS? (with me this is too common)

3) did I ‘Flush all caches’ by clicking and holding on the admin home icon?

That usually helps me - I mention these because your rule didn’t show up under Chrome inspect. When the rule shows up and still gets clobbered by the built-in style, I usually have to make sure the selector is super specific to win the battle against the built-in css.

Cheers, Mike

Chao Hang Lu on May 14, 2018:

It looks like you already applied the CSS code on dev.parenti.yale.edu .

Do you still need further assistance?

-Chao