Formatting Forms: Success/Error Message Text

  • Resolved shelbmathews

    (@shelbmathews)


    3 years, 3 months ago

    Hello,

    I have added a form to the “Contact” page of my website, and it looks great, except for the “Success Message Text” and “Error Message Text.” For some reason, that text is in a different font than the rest of the form, and it is also left-aligned.

    I also noticed that the text response fields are top-aligned, and ideally they would be center-aligned. This is not a big deal, though! Just wondering if there’s a way to change that.

    Here are some screenshots: https://drive.google.com/drive/folders/1CtPeN-QJZG2nyHjV41BANouTuMb3boNT?usp=sharing

    Is there any CSS I could add in order to:

    1. Change the success & error message font to “Roboto” (to match the rest of the form?
    2. Center-align the success & error messages within the page?
    3. Change the vertical alignment of the text response fields so that they are center-aligned?

    I didn’t even know what CSS was until this week, so I am doing my best to wrap my head around it. I couldn’t find any forms about these specific issues, so anything helps!

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter shelbmathews

    (@shelbmathews)

    3 years, 3 months ago

    Update: I talked to a friend who knows how to code, and he suggested this additional CSS.

    .uagb-forms-success-message-8b3aa58b.uagb-forms-success-message {
    font-family: “Roboto”, "Franklin Gothic Medium", Tahoma, sans-serif !important;
    text-align: center !important;
}

    It works when I test it via inspecting the element in Chrome, but it doesn’t work when I actually use the CSS in WordPress.

    Any ideas?

    BSF – Judith Pete

    (@judith0)

    3 years, 3 months ago

    Hello @shelbmathews ,

    Thanks for writing to us.

    I see you already created a support ticket and we already responded to the ticket. Please allow us carry on from the support platform to assist with this issue.

    Please let us know whether you have any other queries.

    Regards.

    Judith.

    BSF – Judith Pete

    (@judith0)

    3 years, 2 months ago

    Hello @shelbmathews,

    It’s been a while since we heard from you. I am going ahead to mark this as resolved.

    Please feel free to open a new thread in case of any other queries.

    Regards.

    Judith.

    BSF – Judith Pete

    (@judith0)

    3 years, 2 months ago

    It’s been a while since we heard from you. I am going ahead to mark this as resolved.

    Please feel free to open a new thread in case of any other queries.

    Regards.

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

The topic ‘Formatting Forms: Success/Error Message Text’ is closed to new replies.