Getting Started

Help Centering The Submit Button

Home › Forums › Newsletter Plugin Support › Help Centering The Submit Button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 1, 2024 at 8:15 pm #336559
    Eli
    Participant

    Hi,
    I'm by no means a CSS expert. I'm trying to make it so that the "Submit" button is centered in the middle of the page for both mobile and desktop users. I have tried different codes, but it doesn't seem to work.

    I used to have your Newsletter widget at the bottom of our site in one of the widgets, but you would break the styling each time you updated the plugin, and it would look horrible, so we opted by just placing a link to the newsletter subscription form in the homepage that links to this form page instead.

    Now here's the page I need help with the centering: https://deepinenespañol.org/newsletter/

    Thanks in advance.
    -Eli

    December 2, 2024 at 11:05 am #336597
    Michael
    Keymaster

    Hello Eli,

    you just have to add text-align: center on tnp-field-button element.

    Michael

    December 4, 2024 at 12:31 am #336757
    Eli
    Participant

    @michael-travan Thank you; however, I'm no CSS expert. I attempted adding something like that, but it made no difference. Could you provide me with the entire CSS code that I must add?
    Thanks.

    December 6, 2024 at 10:40 am #336925
    Michael
    Keymaster

    Hello,

    .tnp-field-button {
    text-align: center;
    }

    Input this in Settings > Advanced > Custom styles

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.