Envira Gallery Documentation

Documentation, Reference Materials and Tutorials for Envira Gallery

CSS Addon

Share This Post!

The CSS addon for Envira Gallery gives you the ability to add custom CSS tailored to your specific galleries. This is a great addon if you want to be able to make small design and customization tweaks on a per-gallery basis.

  1. Requirements
  2. Installation
  3. Setup
  4. FAQ
  5. Troubleshooting

Requirements

  • Ultimate, Pro, Plus or Basic Envira license.
  • WordPress 3.5+
  • Envira Gallery 1.3.4.1+

Installation

Please follow our instructions on how to install and activate addons.

In this instance, you’ll be activating the Envira CSS Addon.

Setup

Once you have installed and activated the Addon, navigate to a gallery of your choice. Navigate to the Misc tab in the gallery edit screen.

Navigate to the Misc tab when editing your Envira Gallery.

Here you will find the Custom Gallery CSS field below the Enable RTL Support feature.

The Custom CSS field is located in the Misc tab when editing your gallery.

Within this field you can add custom CSS tailored to that specific gallery. For example, let’s say that your gallery has an ID of 35 and you want to add some extra padding above and below the gallery. Simply add the following in the custom CSS box, replacing 35 with the ID of your gallery:

#envira-gallery-35 { margin: 40px 0; }

This will add 40 pixels of space both above and below the gallery. Now let’s say you want to add some borders to your images. You can do it by adding this to the custom CSS box, again replacing 35 with the ID of your gallery:

#envira-gallery-35 .envira-gallery-image { border: 5px solid #222; }

The possibilities for customization are endless, and this makes it easy to contain your styles to specific galleries.

 


FAQs

Q: I’m new to writing CSS, how can I get started?

A: You might find this tutorial helpful to get started using CSS to customize the appearance of your gallery.


Troubleshooting

I’ve add CSS to my gallery but it isn’t changing the appearance of my gallery.

Check that you’ve added your CSS to the Custom Gallery CSS field and not the Custom Gallery Classes field (shown below).

You can set custom classes for your gallery in the Misc tab.


Developers

Filters

No filters for this Addon exist.

Actions

No actions for this Addon exist.

Changelog

1.1.0 (02-01-2017)

  • Fix: Escaped Quotes when saving

1.0.9 (2016-10-04)

  • Fix: Custom CSS box should now longer strip out anything after the quotes on HTML characters.

1.0.8 (2016-02-25)

  • Updated: Spanish Translations

1.0.7 (2015-12-10)

  • Updated: Spanish Translation

1.0.6 (2015-11-26)

  • Added: Spanish translation.

1.0.5

  • Added: CSS Support for Albums Addon.

1.0.4

  • Full localization support with .pot files.

1.0.3

  • Fixed bug with HTML entity encoding for quotes in CSS.

1.0.1

  • Fixed bug using wrong hook for setting.

1.0.0

  • Initial release of the addon.
Share This Post!