OK, I have been working on this as I really want to use the software but couldn’t get the styling to behave. I am still working on it but thought I should post what I have so far for anyone else with this issue. I have appended a sub style to my theme’s style.css and I have identified a number of tags that work to style elements. I will post an update once I am done, if I remember 🙂
/* Jazzy Forms stylesheet*/
/* CSS Developed by Tabitha Bingham of VortexDesign.com*/
.jzzf_element_t{
font-size: 16px;
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
font-weight: normal;
font-style: italic;
letter-spacing: 1px;
text-align: left;
margin-top: -17px;
margin-left: 11px;
max-width:95%;
}
div.jzzf_full {
}
div.jzzf_half {
width: 244px;
float: left;
margin-right: 33px;
position: relative;
font-size: 14px !important;
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
font-weight: normal !important;
font-style: italic !important;
letter-spacing: 1px;
text-align: left;
margin-top:22px;
}
div.jzzf_third {
content:none;
background:none;
background-image:none;
list-style:none;
width: 30%; }
div.jzzf_quarter {
list-style:none;
float: left;
width: 22%;
}
form.jzzf_form li{
width:555px;
list-style:none;
background-image:none !important;
background-repeat: no-repeat;
padding-left: 0px;
}
label.jzzf_element_label,
.jzzf_dropdown_label,
.jzzf_form li div label,
.jzzf_form li span label{
color: #435646;
font-size: 18px;
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
font-weight: normal;
font-style: normal;
letter-spacing: 1px;
text-align: left;
margin-top:-22px !important;
margin-bottom:-11px !important;
}
/*checkbox label*/
.jzzf_checkbox_label{
color: #000000 !important;
font-size: 16px !important;
font-family: 'Verdana', Tahoma, San-Serif !important;
font-weight: normal;
font-style: normal;
letter-spacing: 1px !important;
text-align: left;
padding-top:-22px !important;
margin-left: 33px;
padding-bottom:11px;
margin-top:-55px !important;
text-indent: -0px ;
display:block;
}
/*checkbox*/
.jzzf_element_c{
margin-left:-11px;
margin-top:-22px;
padding-top:7px;
margin-bottom:7px;
}
.jzzf_form input, .jzzf_form select{
clear:both;
background: #F9FAFB;
background: rgba(249, 250, 251, 0.26);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:7px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
border:1px solid rgba(0, 0, 0, 0.26);
margin:11px;
margin-top:11px;
margin-bottom:11px;
padding:22px;
text-shadow:none !important;
overflow:hidden;
padding:7px;
max-width:95%;
}
.jzzf_form input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
background: #F9FAFB;
background: rgba(249, 250, 251, 0.26);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:7px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
border:1px solid rgba(0, 0, 0, 0.26);
margin:0 auto;
}
.jzzf_form input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="dropdown"], textarea
{
width: 95%;
padding: 9px 0;
color: #3D3D3D !important;
font-size: 15px;
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
font-weight: normal;
font-style: normal;
text-shadow: none;
margin-top:4px;
padding-left:11px;
padding-bottom:11px;
height:20px;
margin-bottom:11px;
}
/* End Additional CSS Styles */
