Skip to content

Links Styling

Jump to bottom
Michele Mizejewski edited this page Oct 7, 2024 · 1 revision

Standard links styling

Text color is #052049 and link color is #0071AD.

Alternate links styling

links-styling

Applying the alternate style

  • Select the text block and go to the Advanced tab
  • Add alt-link to the CSS Classes field (or alt-link-white in cases where it is a darker background that requires white text)

applying-a-class

The class applies the following styles from our custom style sheet

/*use alternate style (for accessibility) when the text link is on a color in the palette other than white */

.alt-link a {
 		color: #052049 !important;
 		text-decoration: underline;   
	}
.alt-link a:hover {
    	text-decoration: underline;
	}
.alt-link-white a {
 		color: #fff !important;
    	font-weight:normal; 
 		text-decoration: underline;	  
	}
.alt-link-white a:hover {
        text-decoration: underline; 
	}

Color palette

The colors in the palette for our main website and LibGuides are drawn from the UCSF Brand Guidelines (see p122 of UCSF Brand Guidelines_4.1.pdf)

color-palette-source

Still have questions? Contact the Library User Experience Team.

Clone this wiki locally