Awake translation of contact form

resolved (12 posts) (3 voices)

  1. MirracoBmx
    Member

    I need to change the language of

    “Thanks! Your email was successfully sent.”

    From the contact page not the widget i tried the submit.php but it’s not there

    Posted 1 year ago #
  2. MirracoBmx
    Member

    Also have a problem with the submit button on Safari see image

    Attachments

    1. submit-error.jpg (6.3 KB, 0 downloads) 1 year old
    Posted 1 year ago #
  3. Elliott
    Support

    Hello MirracoBMX,

    Open up /lib/scripts/custom.js and I think it is around line 349 where you should see this,

    jQuery(this).before('<p class="thanks"><strong>Thanks!</strong> Your email was successfully sent.</p>');

    As for your button go ahead and give us a link to your site so we can take a closer look.

    Posted 1 year ago #
  4. MirracoBmx
    Member

    Not up yet but i have an image from your site on safari look up

    Posted 1 year ago #
  5. Elliott
    Support

    Sorry about that, didn't realize it was on the demo also.

    Try adding this line in your style.css file,

    @media screen and (-webkit-min-device-pixel-ratio:0){
    .fancy_button { padding-right: 21px !important;  background-position: 100% -164px !important; }
    }

    Make sure to test it thoroughly in various browsers to see if everything displays fine.

    Posted 1 year ago #
  6. MirracoBmx
    Member

    It fixes it on Safari but screws up in Chrome!!!

    Posted 1 year ago #
  7. Elliott
    Support

    We'll have to try another method, go ahead and delete that line we added.

    Open up /wp-content/themes/awake/header.php and around line 58 you should see this,

    <body>

    Immediately after that add this code,

    <script type="text/javascript">
    	jQuery(document).ready(function(){
    	if (navigator.userAgent.match(/Safari/i)) { jQuery('.fancy_button').css({ 'paddingRight' : '21px', 'backgroundPosition' : '100% -164px' });  }
    	if (navigator.userAgent.match(/Chrome/i)) { jQuery('.fancy_button').css({ 'paddingRight' : '24px', 'backgroundPosition' : '100% -165px' });  }
        });
    </script>

    And then test thoroughly. Let us know if that works for you MirracoBmx.

    Posted 1 year ago #
  8. MirracoBmx
    Member

    You do realise i'm asking for the html version

    My Site My Way Support » Theme Support Forums » Awake HTML/CSS

    Posted 1 year ago #
  9. Elliott
    Support

    For the HTML/CSS version you will just need to copy that code inside your page. A good place would be in the header or footer.

    Let us know if it works for you MirracoBmx.

    Posted 1 year ago #
  10. MirracoBmx
    Member

    Yup it worked you can now make this thread resolved thanks

    Posted 1 year ago #
  11. Elliott
    Support

    Glad that worked for you MirracoBmx, if you have any other questions then let us know.

    Posted 1 year ago #
  12. dbrodie
    Member

    I added this code for an iPhone fix, which also has the gap. Its better but still shows the gap depending on the zoom level. figured I would throw it out there.

             if (navigator.userAgent.match(/iPhone/i)) { jQuery('.fancy_button').css({ 'paddingRight' : '24px', 'backgroundPosition' : '100% -165px' });  }
    Posted 1 year ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme