CSS on user registration button

  • Resolved christineclem

    (@christineclem)


    5 years, 8 months ago

    Hi,

    I’ve used the following Custom CSS Code under ‘General Settings’ in the User Registration plugin:

    .ur-frontend-form.ur-frontend-form–rounded.ur-frontend-form–rounded-edge form button[type=submit], .ur-frontend-form.ur-frontend-form–rounded.ur-frontend-form–rounded-edge form input[type=submit] { border-radius: 12px; height: 55px; }

    It does not do anything to the button whatsoever. Can you please help me?

    • This topic was modified 5 years, 8 months ago by christineclem.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @christineclem

    Seems like you have placed the custom CSS on the Custom CSS class input which was for the custom class name not for the custom CSS. To add the additional CSS, please navigate to the Appearance > Customize > Additional CSS and use your custom CSS here. Also, your CSS selector seems to be slightly wrong here. Please use the following Custom CSS:

    .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit], .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type=submit] {
  border-radius: 10px;
  height: auto;
}

    Hope this will be helpful to you. Do let us know if you have any further queries.

    Best Regard.

    Thread Starter christineclem

    (@christineclem)

    Thank you so much, this worked perfectly.

    What’s the CSS for doing this to the file upload button?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS on user registration button’ is closed to new replies.