Website and CSS Styling

Once you  build your website, you may want to style your menu. While the TapHunter website menu will typically take the look and feel of your site, sometimes you may want to customize some aspects to fit better. The TapHunter website menu can be styled with cascading style sheets (CSS) a standards-based stylesheet language used to change the look and feel of websites.

Changing the text color and size

<style>
	/*change all text color to white */
	#taphunter, #taphunter a, #taphunter a:visited { color: white; }

	/* change the headers (eg. Draft List) only */
	#taphunter h3 { color: white; }

	/* change the color of the category headers (eg. Pilsners and Lagers) only */
	#taphunter .category-header { color: white; }

	/* decrease all font size by 10% */
	#taphunter { font-size: 90%; }
</style>

Removing undesired sections and text

<style>
	/* Remove the IBU */
	#taphunter .beer-ibu { display: none; }

	/* Remove brewery location and city */
	#taphunter .brewery-section { display: none; }

	/* Remove icons that signify local, cask and nitro */
	#taphunter [class^="taphunter-icon-"], #taphunter [class*=" taphunter-icon-"] { display: none; }
</style>

Need Help?

If you need help beyond this please  CLICK HERE to have our team take a look at your site for you.