Create your tagged gallery

Install and activate the CSS Addon

The next step you’ll need to install and activate Envira’s CSS Addon. Navigate to the Addons section and click Install then Activate on the CSS Addon.

The following are examples to help you get started; you may need to modify them to suite your specific needs. Note in the CSS that we are preceding all CSS with the gallery ID #.

You’ll need to change this ID # to match your gallery ID. You can find this by looking in the sidebar of your gallery edit screen.

All CSS used below can be added to your gallery by editing the gallery and clicking on the Misc Tab. There you’ll see a box labeled Custom Gallery CSS. Copy and paste any of the CSS below there and don’t forget to save your changed by clicking Update on the gallery.

The CSS

The last step is to work out what you want the CSS to be. In this example we’ve styled the tags list to be centered above the gallery and display the tag links as buttons with a hover and active state.

And that’s it! You can see in the gallery below, using specific styles we’ve successfully styled our tags filter. Would you like to have some more fun with Envira and CSS? Why not check out our tutorial on How to Style Pagination Links!