Docs

[kalanicommunications]

I have a page – http://www.hawaiiyogafest.com/accommodations – Where I have multiple Envira galleries that seem to justify to the left of the row they are placed in.

Considering there is no option to place CSS into an envira gallery through Cornerstone (all you can choose to do is pick which gallery), and I can’t seem to find an option in envira gallery that allows for left/right/center positioning…

How would I go about centering my Envira gallery?

[kalanicommunications]

Also, I’ve noticed.. and you will too… that my columns have padding on the bottom, even though I have no added padding to my columns. A perfect example is anywhere you see my Envira galleries you will notice that the column background color can be seen under the gallery. This is something that should only happen if I add padding to the column, which I have not.

[Rad]

Hi there,

Thanks for writing in.

You mean centering the text content? You may add this CSS to your customizer’s custom CSS.

.eg-georgebush-element-0-a, .eg-georgebush-element-1 {
    text-align: left !important;
}

About the spacing, please change Column Gutter Width and Margin Below Each Image to 0, it’s under your Envira gallery’s config section.

Cheers!

[kalanicommunications]

You seem to be confused as to my question.

The CSS you suggested is for “Essential Grid” not for “Envira gallery”.

I have multiple envira galleries on this page, all of which are left justified. I need them centered. Which also is a problem with your CSS because you gave me CSS with “left” instead of “Center” in it.

The “padding” I mentioned is attached at the column level, not the element level. It happens whether the column has a gallery, text, heading, call to action, banner, anything. So this is not something adjustable on in Envira galleries settings.

Here are two images I have created to help you understand.

Envira gallery issue

Column padding that I never added

[Rue Nel]

Hello There,

The gallery automatically adds a margin bottom in every gallery. If you want to remove that, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .envira-gallery-wrap,
.site .envira-gallery-wrap .envira-gallery-public {
    margin-bottom: 0 !important;
}

To make sure that your gallery is center, you must set the number of columns. At the moment, you have set it to automatic. Setting it to “Automatic” will attempt to fill each row as much as possible before moving on to the next row.

For more tips and how to setup the gallery, please check it here: http://enviragallery.com/docs/creating-first-envira-gallery/

Hope this helps.

[Author]

Posts