Style Envira Gallery Tags

Status: Public

Last updated: 14/09/2022

 
                
 1#envira-gallery-wrap-6064 .envira-tags-filter-list li.envira-tags-filter,
 2#envira-gallery-wrap-6064 .envira-tags-filter-list li.envira-tag-filter {
 3   float: none !important;
 4   display: inline-block !important;
 5}
 6#envira-gallery-wrap-6064 .envira-tags-filter-list {
 7   text-align: center !important;
 8}
 9#envira-gallery-wrap-6064 a.envira-tags-filter-link {
10   padding: 5px;
11   background-color: #680001;
12   border-radius: 3px;
13   color: #ffffff;
14   border: 1px solid #680001;
15   text-transform: capitalize;
16}
17#envira-gallery-wrap-6064 a.envira-tags-filter-link:hover,
18#envira-gallery-wrap-6064 a.envira-tags-filter-active {
19   background-color: #ffffff !important;
20   color: #680001 !important;
21}
22 
23 
24 
25#envira-gallery-wrap-6064 .envira-pagination {
26    text-align: center;
27}
28#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 {
29    display: inline-block;
30    padding: 10px;
31    background-color: #650000;
32    border-radius: 3px;
33    text-decoration: none;
34    transition: all 0.2s ease-in 0s;
35    color: #fff;
36}
37#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 {
38    background-color: #ccc;
39    color: #650000;
40}
41#envira-gallery-wrap-6064 .envira-pagination span.page-numbers.current {
42    display: inline-block;
43    padding: 10px;
44    background-color: #ccc;
45    border-radius: 3px;
46    color: #650000;
47}

Snippet Actions:

0

Description:

This css code will style the envira gallery premium tags addon to look like buttons rather than simple links

Snippet Details:

Current status

Public

This snippet has passed basic review, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.

Language

CSS

Codevault
George Snippet Library
Category

Styling

Rating
Voted: 0 by 0 user(s)
Wordpress Compatability
Not Specified
Set-up instructions

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

Further Information

The author has provided the following URL that may be helpful to setting up or using this snippet:

Author Profile URL:
Snippet Source:

Related Snippets: