Greetings everyone,
I’m currently in the process of Styling the raw html form for our Homepage.
So far, everything works fine. The only thing I can’t get to style is the GDPR Part and the Submit Button on Hover. The checkbox for receiving informations seems to be styled through the “label”, the rest didn’t get any styling at all.
My current code looks like the following:
.hs-form input, .hbspt-form .hs-form textarea, .hbspt-form .hs-form select {
background-color:#B493E2;
border:solid 1px #FFFFFF;
font-size:14px;
font-family: ‘Lato’;
color:#FFFFFF;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
padding:3px 10px;
margin:2px 0px;
}
.hs-form input::placeholder, .hbspt-form .hs-form textarea::placeholder {
font-size:14px;
font-family: ‘Lato’;
color:#ffffff;
}
.hs-form label {
font-size:14px;
font-family: ‘Lato’;
color:#ffffff;
font-weight:normal;
padding-top:0px;
padding-bottom:0px;
display:block;
}
.hs-form .actions .hs-button.primary.large {
background-color:#FFFFFF;
border:solid 1px #6928C6;
font-size:16px;
font-family: ‘Lato’;
line-height: 17px;
line-spacing: 0.47px;
color:#6928C6;
font-weight:700;
text-transform: uppercase;
padding-top:10px;
padding-bottom:8px;
padding-right:13px;
padding-left:16px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.hs-form .actions {
margin-top:2px;
margin-bottom:0px;
text-align:left;
}
ul.hs-error-msgs {
padding:0px 0px 10px 0px;list-style-type:none; font-size:14px;
color:#000000;
font-weight:normal;
text-align:left;
}
.submitted-message p {
font-size:16px;
color:#000000;
font-weight:normal;
text-align:left;
}
.hs-form textarea {
height:60px;
resize: none;
}
.hbspt-form .hs-form .input label {
float:none;text-align:left}
.submitted-message{min-height:50px;}
I feel like I’m either missing something or I’m not finding the correct classes.
If you think I have things in here, that don’t belong, please inform me as I’m not to good with CSS.
@Kevin-C maybe you can help me out with this again 
would be wonderful!