Centered Form

  • Hello,

    I tried doing a search for this but I got overwhelmed with results that were irrelevant to what I am trying to do, so I apologize if this has been discussed before. I am trying to center the form and I have changed all the alignments I see to center but it still stays to the left.

    Here is my site https://www.rachelrumbelow.com.

    Any help would be greatly appreciated.

    Thanks!

Viewing 13 replies - 1 through 13 (of 13 total)

  • Hi, please read the following documentation. Let me know if you need more help.

    Thank you

    Thread Starter rr2017

    (@rr2017)

    Thank you, that worked for the form but for some reason the text won’t center. This is exactly how I have the code:

    <p style=”text-align:center;”>Do you like my writing? Have a question about something?</p>
    <p style=”text-align:center;”>Better yet, wanna hire me or collaborate? Any of these will do.</p>
    <p style=”text-align:center;”>Please fill out the form below.</p>

    Just like it says in the instructions. Also the required field text won’t center and that has the text-align:center; code, so I’m not sure what’s going on there. Any ideas?

    Hi, can you share the URL to your contact form.

    Thank you

    Thread Starter rr2017

    (@rr2017)

    Sorry completely forgot to do that! https://www.rachelrumbelow.com/contact/

    • This reply was modified 7 years, 10 months ago by rr2017.

    Hi, for the required field text add the following code.

    
#fscf_required1 {
    text-align: center;
}

    For all of your other text you have added double quotes twice. Check your code and correct this error.

    Let me know if you need more help.

    Kind regards

    Thread Starter rr2017

    (@rr2017)

    The required field code worked, thank you.

    I didn’t add double quotes to the welcome text. I added exactly as you see in the original post as it is said to add from the link you provided. So what must have happened is that the code adds another set of quotes. The documentation should be changed to reflect that.

    For anybody else having this problem, it worked after I took the (one set of) quotes out. This is now how it appears in the Basic Settings page:
    <p style=text-align:center;>Do you like my writing? Have a question about something?</p>
    <p style=text-align:center;>Better yet, wanna hire me or collaborate?</p>
    <p style=text-align:center;>Any of these will do. Please fill out the form below.</p>

    • This reply was modified 7 years, 10 months ago by rr2017.
    Thread Starter rr2017

    (@rr2017)

    I spoke too soon. The required text is centered in Firefox but not Chrome.

    Hi, just for testing purposes. Can you test one of WordPress default themes like Twenty Fifteen or Sixteen?

    Thank you

    Thread Starter rr2017

    (@rr2017)

    Yep, still happens on the default theme. https://www.rachelrumbelow.com/contact/ and interestingly, with the default theme it happens with both firefox and chrome. Oh right, because the css changed. But again, I have it set to be centered on the settings page for the plugin.

    I appreciate all of your help. I think I’m going to go with another plugin. Thank you!

    • This reply was modified 7 years, 10 months ago by rr2017.
    • This reply was modified 7 years, 10 months ago by rr2017.

    Hello, I am also having the problem with the required field text not being centered. I added the code you suggested in your reply and that didn’t work for me.

    I am using Chrome, my website is charlsenwoodworkinganddesign.com
    Any help you could provide would be greatly appreciated.

    • This reply was modified 7 years, 10 months ago by annicello.

    @annicello, did you follow the instructions from the documentation URL above?

    Yes sir, I did. I also tried the fix you recommended to the other poster. If there’s even a way to remove just that item..The form works great for me in every way except that one line of text won’t center. Thanks.

    Can you also look at the following documentation. Let me know if this helps you.

    If the above does not help and you would like to remove the *indicates required field, do the following. Go to Labels tab and uncheck Enable required field label on contact form:.

    • This reply was modified 7 years, 10 months ago by mbrsolution.
Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Centered Form’ is closed to new replies.