Skip to main content

CSS for LibGuides Authors

Some tips and tricks for customizing your libguides with Cascading Style Sheet coding.

Customizing Gallery Boxes

CENTERING IMAGES IN GALLERY BOXES

div.item
img 
{
display: block;
margin: 0 auto;
}

MAKING THE CAROUSEL BOX ARROWS BIGGER
(Note: using percentage values, large ones (e.g., 500%) seems to 
be the best way to increase the arrow size.)

a.carousel-control
{
color:#nnnnnn;
font-size:nnn%;
}

CHANGING THE THE CAROUSEL CAPTION
This code inserts an image background, centers the caption text,
and changes the caption font color.

div.carousel-caption
{
background-image: url('url goes here'); 
text-align:center; 
color:#nnnnnn;
}

Web Accessibility Assistance