Increase space between form and send button in Contact Form

Website: www.nannasalver.com
Password: Eigil2024!

Hi there. I have two issues I hope someone can help me with!

1. Is it possible to increase the space between last field and the orange send button in this Contact Form?

2. Is there a way to add links to shapes? I have made buttons that way on this website, because the text on the buttons kept being divided in two-three lines on mobile view and I tried several css to fix it but without succes - so I made this solution instead where I linked the text on top of the shapes to the sites needed. But I would like the whole shape to also work as a link/button, so it is not only the text you can click on. Does that make sense?

Thank you for your time and help!

Kind regards,
Anja.

#1. Use this code to Website > Website Tools > Custom CSS
 

div.form-button-wrapper {
    margin-top: 80px;
}

#2. Yes. To add link to Shapes, I have this guide, you can try. In case you can't make it work, you can share link to page where you use Shape Block, I can give exact code for your case.

On 2/13/2024 at 10:23 AM, tuanphan said:

#1. Use this code to Website > Website Tools > Custom CSS
 

div.form-button-wrapper {
    margin-top: 80px;
}

#2. Yes. To add link to Shapes, I have this guide, you can try. In case you can't make it work, you can share link to page where you use Shape Block, I can give exact code for your case.

 

Thank you very much! I tried using your guide, but it doesn't seem to work.
The website is www.nannasalver.com and all the blocks that looks like buttons are made from shapes with text on top. On all the pages of the website. The password is: Eigil2024!

Thank you so much for wanting to help!

6 minutes ago, Floe said:

Thank you very much! I tried using your guide, but it doesn't seem to work.
The website is www.nannasalver.com and all the blocks that looks like buttons are made from shapes with text on top. On all the pages of the website. The password is: Eigil2024!

Thank you so much for wanting to help!

Actually - I think I made it work now! Thank you!!

On 2/13/2024 at 10:23 AM, tuanphan said:

#1. Use this code to Website > Website Tools > Custom CSS
 

div.form-button-wrapper {
    margin-top: 80px;
}

#2. Yes. To add link to Shapes, I have this guide, you can try. In case you can't make it work, you can share link to page where you use Shape Block, I can give exact code for your case.

 

Only problem is, when I reload the page the text "clickable" shows. I made it orange as the shape color, but when the page reloads it shows up on the light background until the shape etc has also loaded and shows. Does it make sense what I mean? Can I do anything about that?

Can you share link to page where you have problem? I can't find it on homepage

Eigil2024!

@tuanphan

Regarding the code above for the button margin, how would you reduce the margin in between questions on the form?

Additionally, how would you customise the form button on its own? would you have to change the primary button set-up?

On the default customisation, it doesn't look like you can make the button just text that switches between 2 colours (blue/black). The button background always affects the text below on hover. 

Would really appreciate your help on this if possible,

On 5/14/2024 at 4:38 PM, Nick.Loubser said:

@tuanphan

Regarding the code above for the button margin, how would you reduce the margin in between questions on the form?

Additionally, how would you customise the form button on its own? would you have to change the primary button set-up?

On the default customisation, it doesn't look like you can make the button just text that switches between 2 colours (blue/black). The button background always affects the text below on hover. 

Would really appreciate your help on this if possible,

If you share link to page where you use form, I can check easier