Page Submit Button Wrong Place

I have a problem with the page submit button as show in submit button problem.png file.

This is the problem link: http://www.johortrip.com/reservation/

Please help me investigate what problem and how to solve it?

Thanks.

 

Hello,

Greetings from InkThemes!

Please paste the CSS code given below in Custom CSS field (Appearance=>Theme Option=>Styling Option=>Custom CSS) of your dashboard.

Code:

.button span {
  right: -66px !important;
  width: 108px !important;
  border-radius: 15px !important;
}

Hope it will resolve your issue.

Do let me know if you need more assistance.

Thanks & Regards!
Priyanka
InkThemes.com

 

After I put the code that given by you, it seem like the button still in the left hand side with blue colour at the back (refer to image 'button1'). It should be in the middle with blue colour.

if I post the code as following,
.button span {
right: -300px !important;
width: 108px !important;
border-radius: 15px !important;
}
Then the button will move to middle but the blue colour at left hand side still doesn't move to middle (refer to image 'button2').
The issue still not solve yet.

 

Hello,

Try this code in Custom CSS field of your dashboard for once..

Code:

.button span {
    position: static;
}
button.button.submit-button {
    margin-left: 250px !important;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

After I put the new code that given by you, it seem like the submit button already in the middle but the colour & submit button still very weird (refer to image 'button3' or click this link: http://www.johortrip.com/reservation/).
The issue still not solve yet.

 

Hi Lee,

Greetings from InkThemes,

Sorry to learn that you are still with the issue. Could you please let me know exactly how do you want the submit button to be?

If possible, please provide us an edited screenshot of your requirement. Explaining your issue very clearly, will help us in providing the quick and precise solution to your query.

We would be glad to assist you.

Looking forward to hear from you.

Thanks & Regards!
Nitin
InkThemes.com

 

Submit button should be like this (refer to 'submit button 5' image) and not like the image as shown in attached 'submit button 6' image.
You can view it via this link: http://www.johortrip.com/reservation/
The css code given by Priya previously won't help much because the button of the form at sidebar will move to right as shown in attached 'image 7'.
Hopefully you can solve my issue. Thanks

 

Hi,

Greetings from InkThemes,

Thank you so much for sending us the screenshots, it really helped us in understanding your concern very clearly.

It requires some customization in the source code and CSS of the theme. To save your time and efforts, please allow us to do it in your website.

So, send us your website WordPress login details at [email protected] along with the thread link.
Your Website URL:
WordPress Username:
Password

We will get your issue resolved taking the least possible time.

Thanks & Regards!
Nitin
InkThemes.com

 

Hi,

Greetings from InkThemes,

Thank you for sending us the credentials.

You would be glad to know that we have fixed the issue as per your requirements.

Kindly check and acknowledge us for the same.

Thanks & Regards!
Nitin
InkThemes.com

 

That's great because the submit button at this link: http://www.johortrip.com/reservation/ come to normal.
Unfortunately, the submit button at sidebar widget move to right in every page as shown in attached "button 7" image or you can click this link below: http://www.johortrip.com/contact/

hopefully you can solve this issue. Thanks.

 

Hi,

Greetings from InkThemes,

Thank you for informing us the conflict.

You would be glad to know that we have fixed the issue as per your requirements.

Now on both your pages the submit button is displaying fine.

Kindly check and acknowledge us for the same.

Thanks & Regards!
Nitin
InkThemes.com

 

Thanks. Now both issues solved. Thank you very much^^