davet101

Mike was very helpful over email and got me sorted out, in order to get the buttons to look the way I wanted I right clicked the button on the web pade and used the “Inspect Element” function to indicated where the styling was in the style.css file for my theme and altered the appearance from there;

button,
input[type=”button”],
input[type=”reset”],
input[type=”submit”] {
border: none;
border-color: #ccc #ccc #bbb;
border-radius: 20px;
background: #b57edc;
/*color: rgba(0, 0, 0, 0.8);*/

color: #FFFFFF;

font-size: 13px;
line-height: 2;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
font-family: inherit;
text-transform: uppercase;
font-weight: bold;

}

I was also able to adjust the spacing between radio buttons so that they were not right next to each other, this was done by editing the file /wp-content/plugins/rsvp/rsvp_plugin.css

#rsvpPlugin input[type=”radio”], #rsvpPlugin input[type=”checkbox”] {
display: inline !important;
font-family: Arial;
margin-right: 0px;
margin-left: 20px;

}

I was also informed by Mike that although editing these files will work, it will also be lost when changing or updating the theme and as such these customisations should be added to the additional styling section at the bottom of the RSVP Plugin settings page.