1. Home
  2. Knowledge Base
  3. LiveEditor Element Customizations
  4. How to customize the Login Element button

How to customize the Login Element button

At the moment we do not have an admin option to customize the button our our login element.

However, you can use Custom CSS to modify the button if you\’re familiar with a little CSS (alternatively find a developer to assist with these modifications)

You would need to add this to Page Settings > Other Scripts > Custom CSS
div.ws-plugin–optimizemember-pro-login-widget>form input[type=”submit”] {
background: #ff6600;
border: none;
font-size: 20px;
padding: 10px;
color: #fff;
}
This would make the button orange with white text as an example, but could be tweaked further to fit what you need.

To tweak the button you would modify the
Background: #ff6600 << change this value to a different colour hex code to change the background of the button

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support