how do i change the color and remove the gradient on the submit button in mobile mode? My current code is as below and works fine for full screen but on mobile mode, it has this gradient and border radius that won't go away. .signupform .leads_form input[type="submit"] { background:none; background-color:#29ABE2 !important; border-radius: 8px; } I guess it has something to do with the code below in the parent css. How do i remove all those backgrounds and filter? .signupform input[type="submit"] { -moz-box-shadow: 0px 8px 7px -7px rgb(117, 117, 117); -webkit-box-shadow: 0px 8px 7px -7px rgb(117, 117, 117); box-shadow: 0px 8px 7px -7px rgb(117, 117, 117); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); filterrogidXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
Hello, ajhanabi! Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard. Code: @media only screen and (max-width: 480px){ .signupform input[type="submit"] { background: #29ABE2 !important; } } Thanks, Praveen
Hello, ajhanabi! First clear me whether you want to change the background of submit button or remove the gradient property from the button in mobile view. Or like the button same as in the screenshot. Also, provide me the URL of your website. Thanks, Praveen