Support Forum - User Favorites: emoshun

Support Forum - User Favorites: emoshun emoshun Support Forum - User Favorites: emoshun en-US Sat, 25 May 2013 12:12:27 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-86532 Tue, 04 Dec 2012 21:14:04 +0000 Nick 86532@http://www.kriesi.at/support/ Hi, For checkboxes you can try something like this. I only styled the 2 top boxes since I didn't know if you want to go that route. That's just for mobile screen, <pre><code>@media only screen and (max-width: 479px) { #element_avia_used_car_sales { top: -34px; right: -140px; } #element_avia_new_car_sales { top: 14px; }}</code></pre> and for the other screen sizes <pre><code>@media only screen and (min-width: 480px) { .ajax_form .input_checkbox { top: -13px; right: -20px; } #element_avia_used_car_sales { top: -15px; right: -140px; } .ajax_form .input_checkbox { top: -13px; right: -20px; }}</code></pre> <hr /> As for the button ... it look like something changed in the user agent stylesheet that is doing that i believe. Just to make sure, could you see if the button is same when viewed on Chrome browser on your iphone? Thanks, Nick Devin on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-86520 Tue, 04 Dec 2012 20:03:26 +0000 Devin 86520@http://www.kriesi.at/support/ Again, I'm not sure why you are getting that view. On mobile and tablet view I'm getting the default square button. I don't have an i-device to test on, but perhaps iOS interprets buttons differently and ignores the theme styling. Regards, Devin emoshun on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-86366 Mon, 03 Dec 2012 19:54:38 +0000 emoshun 86366@http://www.kriesi.at/support/ This button issue is Mobile/Tablet only, thanks. Devin on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-86356 Mon, 03 Dec 2012 19:38:59 +0000 Devin 86356@http://www.kriesi.at/support/ I'm not sure why you are getting the different button style (from the screenshot). When I view your page and the demo as well, the correct avia button style with the square button is showing for me. Regards, Devin emoshun on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-86057 Fri, 30 Nov 2012 21:29:47 +0000 emoshun 86057@http://www.kriesi.at/support/ Thanks, that's what I figured with the customization. My only outstanding question is how can we get the submit button to appear normal on this form. Does the issue lie with the avia styling? Please let me know. Thanks! Devin on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85777 Thu, 29 Nov 2012 01:08:03 +0000 Devin 85777@http://www.kriesi.at/support/ Hi emoshun, With that level of customization it would be a lot more beneficial to use something like Gravity forms or on a basic level Contact Form 7. You're expanding into the realm of complete customization of the class form which is a bit beyond the scope of what we are generally able to offer through support. Regards, Devin emoshun on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85647 Wed, 28 Nov 2012 02:09:02 +0000 emoshun 85647@http://www.kriesi.at/support/ For flexibility the business needed I had to go the route of check boxes. (Ability to select any/all number of features) <img src="http://i209.photobucket.com/albums/bb246/emoshun57/checkboxes.jpg"> I need them to appear in that format (if possible), along with a description above them. (Why is there no option for a title for the check boxes?) It should also appear the same on desktop. Please let me know, thanks! Nick on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85540 Tue, 27 Nov 2012 12:29:36 +0000 Nick 85540@http://www.kriesi.at/support/ Hi, Please make a backup and open up class-form-generator.php located in /framework/php/ directory and find lines 236-238 which look like <pre><code>$this->elements_html .= ""; $this->elements_html .= ' <select name="'.$id.'" class="select '.$element_class.'" id="'.$id.'">'.$select.'</select><label for="'.$id.'">'.$element['label'].$required.'</label>'; $this->elements_html .= "";</code></pre> and change them to look like <pre><code>$this->elements_html .= ""; $this->elements_html .= ' <label for="'.$id.'">'.$element['label'].$required.'</label><select name="'.$id.'" class="select '.$element_class.'" id="'.$id.'">'.$select.'</select>'; $this->elements_html .= "";</code></pre> You can also add this css to change the width of the select box to make it equal to the other fields <pre><code>select, .ajax_form .select, .entry-content select, .mobileMenu { min-width: 230px; }</code></pre> Thanks, Nick emoshun on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85433 Mon, 26 Nov 2012 20:06:05 +0000 emoshun 85433@http://www.kriesi.at/support/ Updated Custom CSS to this. (adjusted padding) h1.logo { padding-top: 0px; padding-bottom: 0px; } #main .main-title { display: none; } #main .container { padding-top: 10px; padding-bottom: 10px; } #footer #portfoliobox-3 .news-time { display: none; } #top.page-id-25 .post-entry-129,#top.page-id-25 .post-entry-130 { margin-top: 10px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .site-phone-num { display: inline-block; position: relative; font-size: 1.04em; top: -115px; right: -103px; } } @media only screen and (max-width: 479px) { .site-phone-num { display: inline-block; position: relative; font-size: 1.1em; top: -125px; right: -25px; } } fieldset h3 { font-size: 1.15em; } .ajax_form .textare_label { top: -25px; left: 0%; margin-left: 0px; } .ajax_form p { padding: 0 0 5px 0; } .form-allowed-tags{ display:none;} .ajax_form #element_avia_message{ margin-top: 30px; } I like the way that looks now all I need is help to move the drop down title over field, and the button issue. Thanks so much for your help! emoshun on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85400 Mon, 26 Nov 2012 17:30:43 +0000 emoshun 85400@http://www.kriesi.at/support/ Hi Peter! It fixed some of the issue but not all. Here is all the custom CSS I have in the theme, wanted to post it here to see if there might be a conflict. h1.logo { padding-top: 0px; padding-bottom: 0px; } #main .main-title { display: none; } #main .container { padding-top: 10px; padding-bottom: 10px; } #footer #portfoliobox-3 .news-time { display: none; } #top.page-id-25 .post-entry-129,#top.page-id-25 .post-entry-130 { margin-top: 10px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .site-phone-num { display: inline-block; position: relative; font-size: 1.04em; top: -115px; right: -103px; } } @media only screen and (max-width: 479px) { .site-phone-num { display: inline-block; position: relative; font-size: 1.1em; top: -125px; right: -25px; } } fieldset h3 { font-size: 1.15em; } .ajax_form .textare_label { top: -5px; left: 0%; margin-left: 0px; } .ajax_form p { padding: 0 0 5px 0; } .form-allowed-tags{ display:none;} .ajax_form #element_avia_message{ margin-top: 22px; } Let me know as it's still appearing incorrectly. <img src="http://i209.photobucket.com/albums/bb246/emoshun57/photo-14.png"> Thanks! -Jimmy Dude on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85345 Mon, 26 Nov 2012 08:43:18 +0000 Dude 85345@http://www.kriesi.at/support/ Hey! Add following code to css/custom.css: <pre><code>.ajax_form #element_avia_message{ margin-top: 22px; }</code></pre> Regards, Peter emoshun on "Contact Page Mobile View & Contact Form Button Default" http://www.kriesi.at/support/topic/contact-page-mobile-view-contact-form-button-default#post-85237 Sat, 24 Nov 2012 22:27:47 +0000 emoshun 85237@http://www.kriesi.at/support/ I edited the class-form-generator.php file as others have, and still need some fine tuning. I am seeing this with the updated look. <img src="http://i209.photobucket.com/albums/bb246/emoshun57/contact_form-1.jpg"> I need it to look like the version I created on the right, with all fields padded correctly for mobile & desktop. Here is the current desktop view. <img src="http://i209.photobucket.com/albums/bb246/emoshun57/ScreenShot2012-11-24at25507PM.png"> Thanks! -Jimmy <a href="http://test.emoshun.com/contact" rel="nofollow">http://test.emoshun.com/contact</a>