Forums

Submit button changes shape when hover

andyidel 20 Jun, 2018
When I hover on the submit button on a form it changes in size.

i know it's something in the template CSS, but i don't know what

here's a link to the form: http://kvikpoulsen.dk/index.php/kontakt
GreyHead 21 Jun, 2018
Hi andyidel.

"This site is down for maintenance. Please check back again soon."

You can check the CSS using your browser web developer tools.

Bob
andyidel 21 Jun, 2018
sorry, the site is open now, i've checked the CSS, but i can't figure out what's wrong
GreyHead 21 Jun, 2018
Hi andyidel,

It is the padding setting near the end of this CSS around line 994 of your template.css file
.art-button.active, .art-button.active:hover
{
background: #A1ADBA;
background: linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
background: -webkit-linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
background: -moz-linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
background: -o-linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
background: -ms-linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
background: linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
-svg-background: linear-gradient(top, #D3D9DE 0, #B3BDC7 50%, #8494A4 50%, #A4B0BC 100%) no-repeat;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
border: 1px solid #8A99A8;
padding: 0 20px;
margin: 0 auto;
}
Bob
This topic is locked and no more replies can be posted.