Issues With Contact Us Borders & send size button

Hi, I am forher & my contact us page looks very clean, but I want to add just a thin black border on all the form. Is there a way to do that? I also would like to make the send button on the contact form smaller. How can I go about it?

I use theme Dawn theme version 6.0.2

This is the shop’s contact us form: https://forher.boutique/pages/contact-us

Hi @forher

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

.button{

min-width: 40px !important;

min-height: 30px !important;

}

.section-template–16464725344485__form-padding {

border: 2px solid !important;

border-radius: 20px !important;

}

.field__input, .customer .field input {

border: 1px solid !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

1 Like

Hi Richard, this helped a lot & the issue now is that the send button is not aligned with the form boxes. Do you have a workaround to align them?

1 Like

@forher

Try with this code:

.contact__button {margin-left: 18px;}

1 Like

thank you so much for the help! This code changed also my “add to cart” button, do you know know how I can make it only for the contact us form? :slightly_smiling_face:

please try to replace the above code with this code:

button.button {
margin-left: 18px;
}

1 Like

I tried to change it, but it did just shifted the “add to cart” button. I left it like that, so you can see. :slightly_smiling_face:

Sorry to miss your message.
I tested it and the “add to cart” button looks fine.

Can you send me a screenshot of the problem so I can check it out?

1 Like

Don’t worry, happy, you are helping. The “add to cart” button before was big as the “pay now” button, but now after the changes, it became smaller. I would like to revert it to its former size, while keeping the contact us the same. Would that be possible somehow? :slightly_smiling_face:

ohh! I see.
Try again with this code for button “add to cart”:

button.product-form__submit.button.button–full-width.button–secondary {
min-height: 45px !important;
}

1 Like

Amazing!!! Thank You so much! You are the best,

1 Like

yeahhh, I’m glad to help you @forher :wink:

1 Like

Richard I have another question, which nobody could help me on, maybe you can help me?

I want to make my featured posts picture as a clickable picture. Do you know how to make that?

The shop is always https://forher.boutique/ & I do not know the code for it.

Richard I have another question, which nobody could help me on, maybe you can help me?

I want to make my featured posts picture as a clickable picture. Do you know how to make that?

The shop is always https://forher.boutique/ & I do not know the code for it.

@PageFly-Richard Ihave another question, which nobody could help me on, maybe you can help me?

I want to make my featured posts picture as a clickable picture. Do you know how to make that?

The shop is always https://forher.boutique/ & I do not know the code for it.

@forher

Regarding this, I think you should contact Shopify or Theme so they can assist you.
Because it needs a lot of customization and deep intervention inside the theme’s code, and it needs to have access to the store. So in this case people can’t do anything.
And I think in the theme editor there may also be an option for you to solve this problem.
So, the fastest way for you to do this is to contact Shopify so they can assist you.

1 Like