Jump to content

CSS stopped working on the forms (mobile version).

Go to solution Solved by Web_Solutions,

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi,
Thank you for your time!

The code should have changed the button on the form, specifically its font size and color.
Here's the code I used:

 

@media only screen and (max-width:640px) { .form-wrapper
input[type=submit] {padding: 11px !important; font-size:11px!important;
}}

#block-1c8c2617b7fc5edfd74e .form-wrapper input[type=submit] {
    background: white linear-gradient(to right, #f857a6, #ff5858) !important;
}


He had been working for several months before this, so I am confused.

Edited by the_first_wolf
Link to comment
  • Solution
1 hour ago, the_first_wolf said:

Hi,
Thank you for your time!

The code should have changed the button on the form, specifically its font size and color.
Here's the code I used:

 

@media only screen and (max-width:640px) { .form-wrapper
input[type=submit] {padding: 11px !important; font-size:11px!important;
}}

#block-1c8c2617b7fc5edfd74e .form-wrapper input[type=submit] {
    background: white linear-gradient(to right, #f857a6, #ff5858) !important;
}


He had been working for several months before this, so I am confused.

 

Can you replace the code with the code below?

@media only screen and (max-width:640px) {
  .form-wrapper button[type="submit"] {
    padding: 11px !important;
    font-size:11px!important;
  }
}

#block-1c8c2617b7fc5edfd74e .form-wrapper button[type="submit"] {
  background: white linear-gradient(to right, #f857a6, #ff5858) !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.