Issues with X-Ethos and Envira Galleries formatting

I am having some bizarre behavior with the X-theme (Ethos) and Envira Gallery.
It seems that X is not letting the Envira Gallery apply the correct standalone template.

Example - Here is a CSS applied to the Full Width Layout. Notice the black backgrounds and full width.

The above is how the template should look.

Now, here is a Full Width Layout with Envira gallery (Standalone Template = Layout-Full Width)

Notice that the template is not correct. The full width layout seems to be ignored by Envira. It works though out the theme, but when Envira is assigned to it, it puts a column down the right side.

I started with Envira support, however they believe the following. "It seems that X theme uses a function to generate the proper class for the main section of the page. For the correctly displaying page, it is generating the full class giving it the full page layout. For the standalone page, it is not recognizing the proper class and generating the left class. We suggest reaching out to X Theme about this. Because that class function is still generating X specific classes, they should be able to see why it’s not acting correctly. "

Thank you for your assistance,
Matt

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.single-envira .x-main {
    width: 100%;
    padding: 0;
}
.single-envira .site {
    background-color: #333;
}

Let us know how it goes!

That worked perfect for the galleries.

Can you please give me a little help to do the same on the albums.

I can get the background, but not to go full width.
.single-envira_album .site{
background-color: #333;
}

Here is an example Album.

Thank you !
Matt

Hi There,

Please also add this CSS:

.single-envira_album .x-main {
    width: 100%;
    padding: 0;
}

Regards!

Worked perfect. Thank you so much for the excellent support !

You’re most welcome :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.