Your CSS is driving me nuts

  • Or rather, the lack of a front-end stylesheet along with your dynamically generated tags that are form specfic are driving me bonkers. Why can’t I define the style for ALL text areas or inputs? Why do I need to append my theme’s stylesheet just to make a change to this plugin?

    What really stinks is that this plugin WORKS! It’s the only plugin I have found that can both make reliable on the fly calculations AND email them. There are some bugs and quirks of course but it works.

    For the love of God, please give this lovely plugin a well written stylesheet that covers all elements that we can edit.

    https://www.ads-software.com/plugins/jazzy-forms/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter Vortex11

    (@vd11)

    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 */

    Please use a pastebin to post lengthy code – https://codex.www.ads-software.com/Forum_Welcome#Posting_Code

    Thread Starter Vortex11

    (@vd11)

    Sorry about that. It’s on pastebin now so you can remove above if you like.

    https://pastebin.com/6KbnViPG

    Thread Starter Vortex11

    (@vd11)

    Ok, I was so wrong. Jazzy forms DOES have a style sheet BUT since I develop in Firefox and it is only accessed by Chrome for some reason, I was missing it. When I went to check my edits in Chrome though, I became aware of the conflicting styles. It is hidden in wp-content/plugins/jazzy-forms/front/themes/1.css and I just deleted it as it was causing conflicts with my edits that are in my theme’s style sheet AND because FireFox isn’t picking it up. Just FYI.

    VD11 << Can you help me make a form that consist something like this I am having a nightmare time trying to create one I have paid 2 people so far this is what I got https://www.cleaningserviceworld.com/form-demo/ using calculated field forms plugin.. this is not good some fields overlap and the design is poor.. and does not work at all on mobile…
    This is kinda what I am looking for..

    https://www.stanleysteemer.com/Scheduling-Steps/Build-Your-Quote.aspx
    https://searsclean.com/MoreOffers.aspx

    Any help would be great

    Steve

    @ssamoska9873 – please start your own thread per the forum guidelines –

    https://codex.www.ads-software.com/Forum_Welcome#Where_To_Post

    If you are using this plugin, you can do so here:

    https://www.ads-software.com/support/plugin/jazzy-forms#postform

    Otherwise, please use the forum for the plugin you are using.

    Thread Starter Vortex11

    (@vd11)

    ssamoska9873,
    Yup, that’s a pretty decent mess ?? I can take a look at it for you. It depends heavily on the plugin scripting which I haven’t seen yet. If nothing else, I should be able to find a sub-contractor who can take care of it. Contact me through my site, ok?

    BTW, for the thread in general, my draft form can be found here –

    https://www.vortexdesign.com/more/project-estimates-consult/wordpress-cms-design-estimate/

    @vd11

    It seems that you are sharing your contact details with other users here. which is not allowed to be.
    Its a free forum and you can only provide free solutions here.

    Yes, please do keep help on these forums –

    https://codex.www.ads-software.com/Forum_Welcome#Helping_Out

    Offering to pay or discussion of paid work gets a thread closed – https://codex.www.ads-software.com/Forum_Welcome#Offering_to_Pay

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Your CSS is driving me nuts’ is closed to new replies.