Looking for ways to change position of the stylish squeeze form

[astenberg]

I’m adding the stylish squeeze form to squeeze pages and elsewhere on my site. In some places I’d like it centered, in others aligned right. I tried <div style=”text-align: right;”> but although it showed aligned right in the editing page, when I looked at the live page, the form is still aligned left.

I’ve got one in a widget and other in a page.

I found this: https://support.tipsandtricks-hq.com/forums/topic/centering-add-to-cart-fancy-6-button#post-48275

but because I want to change placement, I don’t want to do it in the css unless there’s some trick I’m missing

[admin]

Here is another technique that you can use to align the form to the right using inline CSS:

<div style="float: right;">

[wp_eStore_ssf id="1"]

</div>

<div style="clear: both;"></div>

Note: Make sure to enter this HTML code in the “text” mode of the editor.

[admin]

How to center the stylish squeeze form

You can use the following technique to center the stylish squeeze form. Adjust the width value (depends on your page width) to different number so you can get the result you want:

Example 1

<div style="width: 300px; margin-left: auto; margin-right: auto;">

[wp_eStore_ssf id="1"]

</div>

Example 2

<div style="width: 560px; margin-left: auto; margin-right: auto;">

[wp_eStore_ssf id="1" template="3"]

</div>

Note: Make sure to enter this HTML code in the “text” mode of the editor.

[Author]

Posts