Center Toggler Button on page

Hello,

do you want to center Toggler Button inside a page/post or Toggler Tab on the side of page? Could you post a link to your site with our plugin enabled?

Best regards

I need to center the toggle button on a page.

Here is the page: The button is titled “Get Access” and is on a scrolling site, on the page with the images of the desktop computer

https://www.theecoecogroup.com/synergyweb/

Because this is a scrolling site I also placed the code on a simple page:

https://www.theecoecogroup.com/synergyweb/button-test/

Hello,

based on your code on this site: https://www.theecoecogroup.com/synergyweb/button-test/
to center the button please add “width:100%” style to your <div> block with style: “text-align:center;” wrapping Example 1 and wrap our form’s shortcode with another <div> with style “display:inline-block;” . Check out the following screenshot:
https://imgur.com/NVTzYnc

Best regards

Thanks

I am trying that and it is centering – but is being very weird – if I place the shortcode in the page it shows a double image – if I don’t nothing displays, and is not opening the form:

Can you type the code rather than a screenshot??

Here is what I get:

https://www.dropbox.com/s/c5xrjx41c2njau6/Screenshot%202015-08-31%2012.58.25.png?dl=0

And on the test page:
https://www.theecoecogroup.com/synergyweb/button-test/

And the code I used on both pages:

‘<article class=”entry-content”>
<div style=”text-align: center;width: 100%;”>
TEST

LINE 2

<div style=”display:inline-block”>
<div class=”pweb-modal pweb-theme-free pweb-labels-above pweb-horizontal” dir=”ltr”>
<div id=”pwebcontact1_toggler” class=”pwebcontact1_toggler pwebcontact_toggler pweb-theme-free pweb-closed”>[pwebcontact id=1]</div>
</div>
</div>’

I’ve also tried using a text link and an image as you show in the documentation:

Is there an error in the codes in the documentation???

IMAGE CODE
‘<img src=”/…”> ‘

TEXT CODE
‘Click here ‘

None of these work… should there a closing ” after the class??

Thanks anyway.

I am using another solution

Hello,

sorry for the late reply – the code should look like this:

<div style="text-align:center;width:100%">
<div style="display:inline-block;">
[pwebcontact id=?]
</div>
</div>

where ? is the ID of your form.

As for launching the form with an image, the syntax is:

<a href="#" class="pwebcontact?_toggler"><img src="..."></a>

Best regards

Thanks!

That worked