My Amazon Payments button is too small

Last Updated: Aug 24, 2016 12:49AM EDT
If you have enabled Amazon payments within your Shopify store and see the button appearing small on the page this is because we use a small style to limit the size of payment icons which pre-dates the addition of the Amazon payments option within Shopify.

To over-ride the size of this button and allow it to be seen in full it is a very simple and quick style change.

In your shopify admin click on themes > customize theme > theme options > edit HTML / CSS
on the next page open: Assets > stylesheet.css.liquid

scroll to the bottom of the page and paste in the following after all other code:

.amazon-payments-pay-button {
    clear: left! important;
    display: block! important;
    width: 100%! important;
    margin-top: 10px;
}

img.alt-payment-list-amazon-button-image {
    width: 144px! important;
    height: initial! important;
}

Click save when done - this will allow that to show at full size.

Get help

Want to customize your theme?
Have questions not covered in our docs?
  • Ask a theme support question
  • Support Hours:
    9:30 - 17:30 EST
    Monday - Friday

retail@undergroundmedia.co.uk
http://assets3.desk.com/
false
undergrndmedia
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete