Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS for FilmRoll headline
#newsbottom {
position: absolute;
bottom: 10px;
left: 15px;
right: 15px;
padding: 0;
/* black with white text */
background: rgba(0,0,0,0.3);
color: white;
/* or white with black text */
background: rgba(255,255,255,0.3);
color: black;
}
.film_roll_child.active #newsbottom {
/* do something different if active */
}
@straydogstudio

This comment has been minimized.

Copy link
Owner Author

@straydogstudio straydogstudio commented Mar 16, 2015

The background color with alpha lets you always see the text no matter what photo you are over (you force a contrast.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment