Chane form width

Hi, can anyone help me change the width of my contact for fields without the background ?

This code worked but it was moving the background as well

Thank you:)

@media (min-width: 767px) {
.t4s-row {
max-width: 80%;
}
}

https://aaba5d-52.myshopify.com/pages/contact

Hello @Daniel19901

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .t4s-contact-form2 input:not([type=submit]):not([type=checkbox]){ width: 82% !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

  • Here is the solution for you @Daniel19901
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (min-width: 600px) {
.contact-form {
     padding-left: 10%;
    padding-right: 10%;
}
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.