Tagged: CONTACT FORM
-
AuthorPosts
-
July 9, 2014 at 10:36 pm #289238
Please can you help me out with the CSS for the contact page on my site so it looks like this http://www.mixd.co.uk/contact/?
The spacing p, colour and size of icons and fonts.
Thanks
- This topic was modified 10 years, 5 months ago by sandboxes.
July 10, 2014 at 4:39 am #289305Hey sandboxes!
Thank you for using the theme.
Are you referring to the placeholder inside the input fields? The contact page link is not working or maybe it’s a private page. If you want to replace label with placeholders. Edit framework > php > class-form-generator.php, we’ll try to edit the text function inside avia_form class. Look for this code on line 284:
$form_el = ' <input name="'.$id.'" class="text_input '.$element_class.'" type="'.$type.'" id="'.$id.'" value="'.$value.'"/>'; $label = '<label for="'.$id.'">'.$element['label'].$required.'</label>';
Replace it with:
$form_el = ' <input placeholder="'.$element['label'].'" name="'.$id.'" class="text_input '.$element_class.'" type="'.$type.'" id="'.$id.'" value="'.$value.'"/>'; //$label = '<label for="'.$id.'">'.$element['label'].$required.'</label>';
We added the place holder attribute inside the input tag then hide the actual label variable. Do the same thing with the textarea function.
Regards,
IsmaelJuly 11, 2014 at 9:55 am #289964This reply has been marked as private.July 11, 2014 at 12:51 pm #290022Hi!
Thank you for the update.
I thought you’re using the default contact form. If you want the label inside the text when using the Contact Form 7 plugin, when generating tags or form, enable the “Use this text as placeholder?”. Add the label on the Default value (optional) field.
Cheers!
IsmaelJuly 11, 2014 at 12:54 pm #290025Thanks how do I space out the icons?
July 11, 2014 at 1:07 pm #290026Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.avia-icon-list li { margin-bottom: 20px; }
Regards,
YigitJuly 12, 2014 at 9:31 am #290395Thank you:) how do I get the text smaller so it fits ine a single line fhe specific icons without changing the I in text size in ither sections!
July 12, 2014 at 2:19 pm #290438Hey!
Please add following code to Quick CSS as well
#contact h4.iconlist_title { font-size: 14px; }
Best regards,
YigitNovember 1, 2014 at 7:36 am #344500If you want the label inside the text when using the Contact Form 7 plugin, when generating tags or form, enable the “Use this text as placeholder?”. Add the label on the Default value (optional) field.
I don’t understand where to find this. I am interested in doing this too.
November 3, 2014 at 7:18 pm #345459Hey @kbarranco!
Make sure you are using Contact Form 7, the placeholder option can be found here – http://screencast.com/t/Gest1O1f8guf
Regards,
JosueDecember 29, 2014 at 6:30 pm #372727Regarding to your reply #289305 above.
How do I implement this at the chiild function.php please?
Thank you.December 29, 2014 at 7:12 pm #372748Hi!
Not sure if it is the best way but you could copy all of the contents of the file and paste it into the bottom of your child theme functions.php file and then remove the first line.
<?php if ( ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );
Cheers!
ElliottDecember 30, 2014 at 2:35 pm #373105No, sorry.
For this I don’t need the child theme ))
If you change something at the main theme at some of your next updates, this will not be affected because i have the old file at the Child
PLease solutionRegards
- This reply was modified 9 years, 12 months ago by vadi4ek.
December 30, 2014 at 4:37 pm #373167Hey!
I’m sorry but I don’t understand. If you need to do the customization at #289305 in a child theme then the only way that I know of is to add the class to the child theme functions.php file.
Best regards,
ElliottJanuary 1, 2015 at 9:24 pm #373927So. All I have to do is put this code at my child function php?
$form_el = ' <input placeholder="'.$element['label'].'" name="'.$id.'" class="text_input '.$element_class.'" type="'.$type.'" id="'.$id.'" value="'.$value.'"/>'; //$label = '<label for="'.$id.'">'.$element['label'].$required.'</label>';
I don’t think so.
Sorry for that.January 1, 2015 at 10:57 pm #373949Hey!
1. Copy all of the contents of the class-form-generator.php file except the first line.
<?php if ( ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );
2. Paste it into your child theme functions.php file.
3. Do the edit in Ismael’s first post.
Cheers!
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.