Crazy Yellow Button!

  • Resolved Tamera2

    (@tamera2)


    1 month, 4 weeks ago

    Hello Friends,

    I created a registration form and I have been unable to change the button color (which is a bright yellow) : / I have used the DESIGN function in the dashboard for that form and while the hover color and text color will change, the actual button color (which is called background color in the editor) will not. When I go to view page and hover over the yellow button, for a split second I can see the desired button color and then it changes to the designated hover color. And, as mentioned it’s yellow if just viewing the page (without hovering). Any suggestions as to why this is happening would be much appreciated.

    • This topic was modified 1 month, 4 weeks ago by Tamera2.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Tamera2

    (@tamera2)

    By the way, I did try deactivating caching plugins but it didn’t help. Version 6.0.2.0

    Plugin Support RegistrationMagic Support

    (@registrationmagicsupport)

    Hi @tamera2,

    The yellow button is specific to the “Classic” theme. If you’d like the form to match your site’s theme colors, you can use the “Match My Theme” option.

    For example, you can use the following shortcode:

    [RM_Forms id='1' theme="matchmytheme"]

    Note: Replace the “id” with the appropriate form ID.

    If you’d like to apply this to all forms you’ve created, you can update it under Global Settings > General Settings.

    Additionally, here are the available theme shortcodes:

    • [RM_Forms id='1' theme="matchmytheme"]
    • [RM_Forms id='1' theme="default"]
    • [RM_Forms id='1' theme="custom"]

    If you still prefer to remove the yellow button from the “Classic” theme, you can apply the following custom CSS code:

    .rmformui #rm-form-container #rm_form_submit_button input[type="submit"] {
      background-color: rgb(52, 152, 219);
      color: rgb(253, 253, 253);
      background-image: none;
      border: 0px;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.