Align the "Send" Button of the Contact Form in the Center | Refresh Theme

[Shawn42]

Ho can I align the “Send” Button from the Contact form in the Center? I use the Refresh Theme.

The purple Button should align in the center.

I appreciate every help!

Shawn42

[GemPages]

Hello @Shawn42

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[LitExtension]

Hi @Shawn42 ,

Go to Assets > section-contact-form.css and paste this at the bottom of the file:

.contact__button {
    text-align: center !important;
}

Hope it helps!

[KetanKumar]

@Shawn42

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[PageFly-Victor]

Hi @Shawn42

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

#ContactForm .contact__button {

text-align: center !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

ello @Renaye

You can follow these steps:

1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset >base.css and paste this at the bottom of the file:

.contact__button {
    text-align: center;
}

[Shawn42]

Yes worked perfectly. Thank you.

[RobArt98]

hey everyone,

is there a possibility to change the size of the “Send” button.

It would be great to align the size of the button with the size of the boxes.

Same size as comment box

thanks

[KetanKumar]

@RobArt98

oh sorry for that issue can you please send store url

[RobArt98]

I already adapted the button size on the desktop version but on the mobile it is getting bigger as well.

Mobile version:

Desktop version

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[RobArt98]

Using spotlight template.

If there is any simple code solution, please let me know or give me a hint.

thanks,

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.contact__button .button {
width: 100%;
}

[RobArt98]

Wow, thanks a lot - you made my day

Its working perfectly fine

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

[RobArt98]

one more question.

possible to align the “ANMELDEN” Button as well ?

And to switch the position of “ANMELDEN” and “Hast du dein Passwort vergessen” ?

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.customer form button {
width: 100%;
}

[RobArt98]

Working fine as expected - many many thanks.

Is it possible to switch the position of “ANMELDEN”

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.login a {
width: 100%!important;
}