Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 9, 2014 at 10:36 pm #289238
    sandboxes

    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, 4 months ago by sandboxes.
    July 10, 2014 at 4:39 am #289305
    Ismael

    Hey 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,
    Ismael

    July 11, 2014 at 9:55 am #289964
    sandboxes
    This reply has been marked as private.
    July 11, 2014 at 12:51 pm #290022
    Ismael

    Hi!

    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!
    Ismael

    July 11, 2014 at 12:54 pm #290025
    sandboxes

    Thanks how do I space out the icons?

    July 11, 2014 at 1:07 pm #290026
    Yigit

    Hey!

    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,
    Yigit

    July 12, 2014 at 9:31 am #290395
    sandboxes

    Thank 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 #290438
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #contact h4.iconlist_title {
font-size: 14px;
}

    Best regards,
    Yigit

    November 1, 2014 at 7:36 am #344500
    kbarranco

    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.

    I don’t understand where to find this. I am interested in doing this too.

    November 3, 2014 at 7:18 pm #345459
    Josue

    Hey @kbarranco!

    Make sure you are using Contact Form 7, the placeholder option can be found here – http://screencast.com/t/Gest1O1f8guf

    Regards,
    Josue

    December 29, 2014 at 6:30 pm #372727
    vadi4ek

    Regarding 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 #372748
    Elliott

    Hi!

    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!
    Elliott

    December 30, 2014 at 2:35 pm #373105
    vadi4ek

    No, 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 solution

    Regards

    • This reply was modified 9 years, 11 months ago by vadi4ek.
    December 30, 2014 at 4:37 pm #373167
    Elliott

    Hey!

    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,
    Elliott

    January 1, 2015 at 9:24 pm #373927
    vadi4ek

    So. 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 #373949
    Elliott

    Hey!

    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

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.