ZodiacPress

Change Button Color

You can change the color of the button on the form by using one of these 2 methods. You can very easily add custom CSS, or you can add the button style selector to your existing button styles.

(See How To Add Custom CSS To Your WordPress Site)

  1. To add custom CSS, use this, but replace #000 on line 2 with your desired HTML color code for the button color. Also replace #fff on line 3 with your desired HTML color code for the button text.
    #zp-birthreport-form .zp-button {
      background: #000;
      color: #fff;
    }
    
  2. Instead, you could add this style selector to your existing button styles:

    #zp-birthreport-form .zp-button

    And, add this to your existing button :hover styles:

    #zp-birthreport-form .zp-button:hover

    This way, the ZodiacPress form button will get the same style as your existing buttons according to your theme.

Ask a Question

Your email address will not be published.