Centered DIVs Issue (Envira Galleries & Gravity Forms)

Hi Themeco Team,

I’m having a challenging time getting certain elements of a client site to correctly center. Majority of the page designs are no problem, but when it comes to embedding either an Envira Gallery or embedding a Gravity Forms contact form, I can’t consistently get the DIVs to center.

URL: https://www.wraplabs.com/l/xpel-paint-protection/

Screenshot of Envira Gallery off-center:

Screenshot of Gravity Forms off-center:

Is there any non-hacky way to consistently center these elements? If I’m doing something incorrectly definitely want to fix the margins & have this landing page cleaned up.

Thank you.

  • Alex

Hi Alex,

Thank you for writing in, it seems your envira gallery is set to show 5 thumbnails that is why is still has space on the right because you only have 4 items.

You can add this to Theme Options > CSS to resolves the issue.

.page-id-1641 .envira-gallery-wrap {
	 max-width: 80%;
}

And this one is for the form.

.page-id-1641  #gform_wrapper_9 {
	display: inline-block;
}

Hope it helps,
Cheers!

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