RomanCart.com Forum Homepage
Forum Home Forum Home > RomanCart > Administration
  New Posts New Posts
  FAQ FAQ  Forum Search   Register Register  Login Login

Find Address Button style & position

 Post Reply Post Reply
Author
Message
ckart View Drop Down
Senior Member
Senior Member


Joined: 26 November 2013
Location: New Forest
Status: Offline
Points: 159
Post Options Post Options   Thanks (0) Thanks(0)   Quote ckart Quote  Post ReplyReply Direct Link To This Post Topic: Find Address Button style & position
    Posted: 29 May 2018 at 4:59pm
Hi

I've increased the size of the customer details input fields to give the checkout an update, but the find address button still looks like it is out of the ark & is too close the the Postcode field.

Can this be altered anywhere or the button styled?

Screen shot
www.nfed.co.uk
Connecting the central southern equestrian community since 1999
Back to Top
ckart View Drop Down
Senior Member
Senior Member


Joined: 26 November 2013
Location: New Forest
Status: Offline
Points: 159
Post Options Post Options   Thanks (0) Thanks(0)   Quote ckart Quote  Post ReplyReply Direct Link To This Post Posted: 02 June 2018 at 11:05am
Reducing the form field width to 90% has sorted out the spacing, but any ideas on styling the button?
www.nfed.co.uk
Connecting the central southern equestrian community since 1999
Back to Top
ckart View Drop Down
Senior Member
Senior Member


Joined: 26 November 2013
Location: New Forest
Status: Offline
Points: 159
Post Options Post Options   Thanks (0) Thanks(0)   Quote ckart Quote  Post ReplyReply Direct Link To This Post Posted: 02 June 2018 at 11:28am
Cracked it & looks much better.

For anyone else, I was using button { but it needs to be input[type=button]

input[type=button] {
background: #5F94C9;
background-image: -webkit-linear-gradient(top, #5F94C9, #5596be);
background-image: -moz-linear-gradient(top, #5F94C9, #5596be);
background-image: -ms-linear-gradient(top, #5F94C9, #5596be);
background-image: -o-linear-gradient(top, #5F94C9, #5596be);
background-image: linear-gradient(to bottom, #5F94C9, #5596be);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 3px #EFEFEF;
-moz-box-shadow: 0px 1px 3px #EFEFEF;
box-shadow: 0px 1px 3px #EFEFEF;
font-family: Arial;
color: #ffffff;
font-size: 16px;
padding: 5px 7px 5px 7px;
border: solid #1f638d 1px;
text-decoration: none;
}

input[type=button]:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
www.nfed.co.uk
Connecting the central southern equestrian community since 1999
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down



This page was generated in 0.063 seconds.