Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #279221

    Hi guys, I use Visual Form Builder as my form plugin of choice. I noticed my formatting gets wiped when I use it with the Enfold theme. Any suggestions to make it look pretty or play nicely with your theme?

    #279348

    Hi ksiarza!

    Thank you for using the theme!

    Do you mind if we take a look at the actual website? You can try to remove or modify the theme’s default styling on css > base.css. Look for the #Forms section. Also, if you have access on the Visual Form Builder css files, copy all the css codes and put them on custom.css or Quick CSS to override the default theme style.

    Regards,
    Ismael

    #281443

    Hi Ismael, it’s this one right here:

    http://contests.balloonfiesta.com/wp-admin/post.php?post=3150&action=edit

    Will your solutions help?

    #281451

    Hey!

    Open /wp-content/themes/enfold/css/base.css and remove from line 184 to line 253:

    
    	#top form {
    		margin-bottom: 20px; }
    	#top fieldset {
    		margin-bottom: 20px; }
    	#top .input-text,
    	#top input[type="text"],
    	#top input[type="input"],
    	#top input[type="password"],
    	#top input[type="email"],
    	#top input[type="number"],
        #top input[type="url"],
        #top input[type="tel"],
        #top input[type="search"],
    	#top textarea,
    	#top select {
    		 -webkit-appearance: none;
    		border: 1px solid #e1e1e1;
    		padding: 8px 6px;
    		outline: none;
    		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    		color: #777;
    		margin: 0;
    		width: 210px;
    		max-width: 100%;
    		display: block;
    		margin-bottom: 20px;
    		background: #fff;
    		border-radius: 0px;
    		}
    
    	#top input[type="text"]:focus,
    	#top input[type="password"]:focus,
    	#top input[type="email"]:focus,
    	#top input[type="number"]:focus,
        #top input[type="url"]:focus,
        #top input[type="tel"]:focus,
        #top input[type="search"]:focus,
    	#top textarea:focus {
    		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
     		color: #555;
    		}
    	#top textarea {
    		min-height: 60px; line-height:1.5em;}
    	#top label{
    		display: block;
    		font-weight: bold;
    		font-size: 12px;  }
    	#top legend {
    		display: block;
    		font-weight: normal;
    		font-size: 15px;  }
    	#top select {
    		width: 220px; }
    	#top input[type="checkbox"] {
    		display: inline; }
    	#top label span,
    	#top legend span {
    		font-weight: normal;
    		font-size: 13px;
    		color: #444; }
    
    	#top textarea{width:100%;}
    
    #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/
    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;}
    #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;}
    #top #wrap_all .valid  .input_checkbox_label{color:#9AA600;}
    #top #wrap_all .error  .input_checkbox_label{color:#DF653E;}

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.