Okay
  Public Ticket #2754193
Icons for contact form
Closed

Comments

  • Sara started the conversation

    Hello!

    I would like to know how to insert a phone icon in a contact form. I can use a person, mail and message icon, but I don't know how to insert the phone one.

    Moreover, I would like to create a first row of 4 columns and 1 row only for the message text box. How can I do this?

    Thank you!

  •  1,798
    Support Agent replied

    Hi,

    Could you please send us url of the page with the form so we could send you a proper answer? Thanks in advance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  •   Sara replied privately
  •  1,798
    Support Agent replied

    Hi,

    We have added CSS code to Additional CSS:

    .btContact .btContactRow .icon_phone:before {
        color: #b99132;
        content: "\f095";
        font-family: FontAwesome;
        font-size: inherit;
    }

    Regarding the second question, you should add additional <div>  inside  <div class="btContactRow">

    6611829004.png

    in the the form and adjust CSS code in order to display four elements in one Row.

    Let us know if you need additional assistance.



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Sara replied

    Hello!

    Thank you for your answer. The phone icon is now perfect.

    About the second question, I don't see it correctly yet. I write:

    <div class="btContactRow">
    <div class="btContactName"><span class="icon icon_name"></span>[text* your-name placeholder "Nombre"]</div>
    <div class="btContactName"><span class="icon icon_name"></span>[text* your-name placeholder "Apellido"]</div>
    <div class="btContactEmail"><span class="icon icon_email"></span>[email* your-email placeholder "Email"]</div>
    <div class="btContactEmail"><span class="icon icon_phone"></span>[tel* your-email placeholder "Teléfono"]</div>
    </div>


    But I see it in two rows as you can see in the attached file. 

    How can I do it so those 4, appear in the same row?

    Thank you!


    Attached files:  Captura de pantalla 2021-04-19 a las 15.56.28.png

  •  1,798
    Support Agent replied

    Hi,

    We have added CSS code to Additional css:

    .btContact.btDance .btContactRow .btContactName, .btContact.btDance .btContactRow .btContactEmail{
        -webkit-flex: 1 0 25% !important;
        -ms-flex: 1 0 25% !important;
        flex: 1 0 25% !important;
        max-width: 25% !important;
    }

    Let us know if that helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Sara replied

    Yes! Thank you very much! It worked perfectly!!

  •  1,798
    Support Agent replied

    Hi,

    We are glad we could help. Let us know should you need additional assistance.

    Also, if that is not too much of a hassle, please consider supporting us by giving us a rating at the downloads section of your ThemeForest profile (just below the download button) - http://themeforest.net/downloads. We would really appreciate it. :)

    Thanks a lot in advance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!