Centering a Shortcode WP Form

Support
#1

Hello, is there any way I might be able to center this form on my Contact page?

I am using a shortcode for it, but it does not work in Cornerstone – I can only use it in the Visual/Text boxes of “Page Edit”.

#2

Hello @stevenkwlee,

Thanks for asking. :slight_smile:

Can you please share website URL for us to take closer look?

Thanks.

#3

Yes – it’s at this link:

http://savaroneammann.com/contact/

#4

Hi There,

Thanks for the link!

Please add this css to your global css!

.wpforms-container {
 width: 88%;
margin: auto;
}
.wpforms-field-medium, .wpforms-field-required {
    width: 100%;
    max-width: 100%;
}

Let us know how it goes!

Thanks

#5

Beautiful, thank you so much, I appreciate your help :slight_smile:

#6

Can you help me center this page, too?

http://savaroneammann.com/resume/

The shortcode is:

[pdf-embedder url=“http://savaroneammann.com/wp-content/uploads/2018/02/SavaroneAmmannResume-3.pdf” title=“SavaroneAmmannResume (3)”]

but when I use it in Cornerstone, nothing happens. I can only edit it via WordPress Text Edit on the default edit page, so I don’t have the ability to center the PDF as I see fit.

What do you recommend?

#7

Hello there,

Sure. You can fix this by adding this CSS into your Global CSS.

div.pdfemb-viewer,
.pdfemb-pagescontainer {
    width: 100% !important;
}
#8

Super!!

Thanks so much :slight_smile:

#9

You are most welcome!

#10

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