By default, SliceWP does not heavily style the form fields and buttons of your affiliate forms. It allows the theme’s styling to have precedence, so that your forms look and feel integrated in your website’s design.
Unfortunately, some themes and page builders don’t style form specific HTML elements, which can make your affiliate forms unappealing.
To fix this, we can use a few CSS rules, to style the fields and buttons from your affiliate pages.
/* Styles the form buttons */
body .slicewp-button-primary { background: #34495e; color: #fff; padding: 5px 10px; border-radius: 4px; }
body .slicewp-button-primary:hover { background: #2c3e50; }
/* Styles the form fields */
body .slicewp-field-wrapper input[type="text"],
body .slicewp-field-wrapper input[type="password"],
body .slicewp-field-wrapper input[type="email"],
body .slicewp-field-wrapper input[type="url"],
body .slicewp-field-wrapper textarea,
body .slicewp-field-wrapper select { border: 2px solid #bdc3c7; padding: 5px 10px; background: #ffffff; border-radius: 4px; }The above CSS code targets the form elements that are particular to SliceWP and is just a starting point example for how you can style these elements. Please adapt the code to your needs.
Please add the above CSS code snippets into your website. If you’re not sure where to add the code, please add it into Appearance > Customize > Additional CSS.
Once you’ve added the code, make sure to clear/flush/delete your cache for the changes to take place.