You can add custom CSS to help you fully customize your tap list.
If you don’t know what CSS is, here are a couple of sites that can help to give you the basics:
w3schools.com/css/
developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
All CSS needs to be pasted into the Custom CSS field under Settings > Design Settings.
If any of your custom CSS isn’t working, you can add the “!important” rule to the property that is not working. This will ensure that the property overrides any other previous CSS for that particular property.
You can use the Developer Tools of most browsers (Chrome, Firefox, Safari etc) to inspect the HTML and CSS of your tap list. This is the best way to get a feel for what can be done with the CSS. All items within the tap list page can be modified with CSS and have appropriate class names. Some class names will be slightly template specific but can be easily worked out by inspecting with Dev Tools.
ID’s & class names of common items
Below are the ID’s and class names of some of the common items that may want to be modified with CSS.
#page .card-deck .row-0 .row-1 .row-2 .row-3 #beer-xx .beer .beer .image .beer h2 .beer .by .beer .description .beer .atts .beer .atts .abv .beer .atts .color .beer .atts .gravity .beer .atts .package .beer .footer .beer .number .beer .style .beer .ingredients
