• Roman26

    (@roman26)


    I’m trying to center my optin form, I’m using reachmail as my auto responder. I’ve used <center></Center> and <p style=”text-align: center;”></p> and it just wont center along with my content. Any ideas what I can do to fix this issue?

Viewing 15 replies - 1 through 15 (of 17 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

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

    Thread Starter Roman26

    (@roman26)

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    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.

    Thread Starter Roman26

    (@roman26)

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

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Yes — you could rewrite that form tag as

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

    Thread Starter Roman26

    (@roman26)

    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!

    Thread Starter Roman26

    (@roman26)

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

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    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.

    Thread Starter Roman26

    (@roman26)

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

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    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/

    Thread Starter Roman26

    (@roman26)

    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: http://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.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

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

    Thread Starter Roman26

    (@roman26)

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    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.

    Thread Starter Roman26

    (@roman26)

    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?

Viewing 15 replies - 1 through 15 (of 17 total)

The topic ‘Center Optin Form’ is closed to new replies.