About
This css code will style the envira gallery premium tags addon to look like buttons rather than simple links
How to Setup Snippet
Add this css to codesnippets to style the envira gallery premium tags addons to look like buttons. Change all occurrences of the hex code #680001 to your branding. Also make sure to change any references to 6064 to your corresponding gallery/album id for example #envira-gallery-wrap-6064 need to be #envira-gallery-wrap-XXXX where XXXX is your album/gallery id
#envira-gallery-wrap-6064 .envira-tags-filter-list li.envira-tags-filter,
#envira-gallery-wrap-6064 .envira-tags-filter-list li.envira-tag-filter {
float: none !important;
display: inline-block !important;
}
#envira-gallery-wrap-6064 .envira-tags-filter-list {
text-align: center !important;
}
#envira-gallery-wrap-6064 a.envira-tags-filter-link {
padding: 5px;
background-color: #680001;
border-radius: 3px;
color: #ffffff;
border: 1px solid #680001;
text-transform: capitalize;
}
#envira-gallery-wrap-6064 a.envira-tags-filter-link:hover,
#envira-gallery-wrap-6064 a.envira-tags-filter-active {
background-color: #ffffff !important;
color: #680001 !important;
}
#envira-gallery-wrap-6064 .envira-pagination {
text-align: center;
}
#envira-gallery-wrap-6064 .envira-pagination a.page-numbers, #envira-gallery-wrap-6064 span.page-numbers.dots, #envira-gallery-wrap-6064 .envira-pagination a.prev.page-numbers, #envira-gallery-wrap-6064 .envira-pagination a.next.page-numbers {
display: inline-block;
padding: 10px;
background-color: #650000;
border-radius: 3px;
text-decoration: none;
transition: all 0.2s ease-in 0s;
color: #fff;
}
#envira-gallery-wrap-6064 .envira-pagination a.page-numbers:hover, #envira-gallery-wrap-6064 .envira-pagination a.prev.page-numbers:hover, #envira-gallery-wrap-6064 .envira-pagination a.next.page-numbers:hover {
background-color: #ccc;
color: #650000;
}
#envira-gallery-wrap-6064 .envira-pagination span.page-numbers.current {
display: inline-block;
padding: 10px;
background-color: #ccc;
border-radius: 3px;
color: #650000;
}