Center Optin Form

Please provide a link to a page on your site where we can see this. Thanks.

https://www.bestdiettipsonline.com/free-resources/

You need to assign a class or ID to the form and then you can target it via css.

View post on imgur.com

To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

So the CSS code is text-align: Center;?

Yes — you could rewrite that form tag as

<form style="text-align:center;" followed by the rest of what’s already there.

Newbie here, where should I add that code? this is how I added code:

<form action=”https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp&#8221; method=”post” name=”signup”><form style=”text-align:center;”

it’s not working!

is there a custom css code where I can just add to the css code box?

it’s not working because you did not add it *within* the form tag; you added another. It should be

<form action=”https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp” method=”post” name=”signup” style=”text-align:center;”>

or you could do

<form action=”https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp” method=”post” name=”signup” class="center-me">

and then use CSS

.center-me { text-align: center; }

To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

Great it worked! thanks for your help. Another quick question; how can I change my hyperlink “project” to “workouts”
https://www.bestdiettipsonline.com/project/healthy-fats/

As you use a commercial theme and need support, please use their official support channel. We feel they are best equipped to support their products.

https://themetrust.com/how-to-get-support/

I’m having issues with this second form I’m using to get subscribers to my newsletter, different from the other one. This one has a shortcode and centering. here’s the preview of the page: https://www.bestdiettipsonline.com/?page_id=1520&preview=true Again I’ve used <center></center> and clicking on the center command. Let me know what I can do to fix this.

We need to visit a live page — we can’t see a preview.

https://www.bestdiettipsonline.com/free-resources/ here it is

I’m not exactly sure how you entered the form there and why it has the height it does.

.page-id-1520 .rm_form_container { float: left; }

gets it in sort of the right location, but the text above gets pushed to the right. Your HTML markup doesn’t really support doing this correctly, as far as I can see.

I have the form(short code) right below “Lose weight successfully”. I passed it. so it should be centered with the rest. Again new with wp is the above a css code to add to my site?