CSS Snippets

You can paste in some of these snippets and give them a try to see what they do. All CSS snippets need to be pasted into the Custom CSS field under Settings > Design Settings. See CSS docs here.

This is by no means the limit of what can be done with CSS, this is just a few little samples for you to tinker with.

Increase the size of the font on beer names

.beer h2 { font-size: 28px; }

Decrease the size of the font on beer names

.beer h2 { font-size: 20px; }

Change opacity of various items

.beer .by { opacity: 0.5; }
.beer .number { opacity: 1; }

Change colors of various items

.beer .style h4 { color: #000000; }
.beer .number { color: red; }

Change background colors of various items

.card-deck .card.beer { background: #ffffff; }
.card-deck .card.beer .card-footer { background: pink; }

Modify shadow on beer glass

.beer-glass {
	filter: drop-shadow(-25px 25px 15px rgba(0,0,0,0.5));
}