How can I center the success message on my webpage?

Store Design
, , , ,
1

Hi guys,

I would like to make the success message center. I would appreciate your help.

Thank you!

URL: https://basicbastard.co/pages/contact

Screenshot 2023-04-03 at 8.14.56 PM.png
Screenshot 2023-04-03 at 8.14.56 PM.png1748Ɨ672 34.7 KB

2

Hi @basicbastardco ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea for solution:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Your section-contact-form.css file should have a style that looks like this, just add justify-content: center to it:

.contact .form__message {
    align-items: flex-start;
    justify-content: center;
}

Ninthony_0-1680550262806.png
Ninthony_0-1680550262806.png856Ɨ628 21 KB

4

Use this CSS then your thankyou page will Fix

.contact .form__message {
display: block;
text-align: center;
}
5

Thank you for your help! One more question, how can I make the done svg and the text cantered?

6

Can you give me link then i will give you proper solution