Okay
  Public Ticket #1871772
Contact form, loading animation, mobile view
Closed

Comments

  • Mohammed Ghori started the conversation
    January 28, 2019 at 6:55am

    My contact form is not working. I’ve tried the mentioned steps and it is still not sending emails to my email. 

    How do I change the loading animation, is there a way I can do that?

    I wanted to change the appearance of mobile view, is there a way I can do that?

    In the services cards, there's a lipstick emoji/symbol which I wanted to remove. How do I do that?

  •  1,627
    Andrey replied
    January 28, 2019 at 1:30pm

    Hello, Dear Mohammed Ghori!

    Thank you for your questions.

    1. In this case we offer you to use this plugin: https://wordpress.org/plugins/contact-form-7/
    Download it and activate via WP Dashboard. Then click WP Dashboard => Contact => Contacts From => Add New.
    For example you give name it "Contact Form Workable". Insert it Form Tab this code: 

    <div class="row">
        <div class="col-xs-24 col-sm-12">
            <p>[text* your-name class:form-control placeholder "Full Name"]
            <p>[number* phone-number class:form-control placeholder "Phone number"]
            <p>[email* your-email class:form-control  placeholder "Email Address"] 
            <p>[textarea your-message class:form-control 45x10 placeholder "Your Message"]
        </div>
        
        <div class="col-xs-12 text-center">
            <p>[submit class:theme_button class:topmargin_10 class:wide_button "Send"]
        </div>
        
    </div>

    The result would be like on this screenshot: https://prntscr.com/m2wx5b

    Then click the "Mail" tab. The field "To" would contain your real email address to which you wish to receive all requests via contact form. 
    The filed from would contain your real domain's name after "@" symbol.

    Check here all settings and save changes: https://prntscr.com/m2wxhj

    Then open via Unyson Page Builder a page with affected Contact Form. Hide it, and place instead of it Text Block element: https://prntscr.com/m2x0ke
    Insert in text block element the shortcode of your Contact Form 7: https://prntscr.com/m2x1m5

    Save all changes and you'll receive the similar result as http://prntscr.com/m2x2ov

    This is a time-tested and well-proven solution. After all these steps you'll receive all requests via this contact form to your email.

    2. If you want to change the custom preloader, please go to Customize => Theme Preloader => change default on your own => Publish.

    http://prntscr.com/md8joh

    3. It is possible to place Revolutions Slider via shortcode via Unyson Page Builder at the top of the page.

    Here you can read the link the the tutorials and features of Revolution Slider:

    https://www.wpexplorer.com/revolution-slider-review-guide/

    If you are interesting, we can upload it for you. 

    4. If you want to delete the icon with the lipstick, put the following code in Additional CSS:

     .icon-divider {
        background-color: transparent !important;
        background-image: url(../img/icon-divider.png);
        height: 18px;
        margin-left: auto;
        margin-right: auto;
        width: 75px;
        display:none!important;
    }

    And you receive such the result:

    http://prntscr.com/md90ua
     
    Best Regards!

  • Mohammed Ghori replied
    January 29, 2019 at 10:32am

    Thank you so much Andrey! You really saved a lot of time and hassle for me!

    Yes I am interested in the Slider Revolution. How will you upload? 

    I inserted the Additional CSS code to remove the lipstick symbol but the whole line disappeared. I just want the lipstick symbol to go and the dotted line to stay. Thanks 

  •  1,627
    Andrey replied
    January 29, 2019 at 3:02pm

    Hello, Dear Mohammed Ghori!

    1.  We can upload for you the Revolution Slider in your theme.

    Just, you can send for us the following information as link/login/password for your WP Dashboard.

    2. Here the way to file, where you can upload the ready image which we prepared for you:

    makeup\wp-content\themes\makeup\img

    Kindly Regards!

  • Mohammed Ghori replied
    January 30, 2019 at 12:15pm

    Hello Andrey!

    Awesome, here's my website address https://imanzaidi.com

    Wordpress Login page is https://imanzaidi.com/wp-login.php

    Login credentials are username: iman 

    Password: $3l6TVHh4OdmbPEUvz&!$JSC


    Thank you so much for that file, I've uploaded it and it looks incredible :D

  •  1,627