We are Underground support

My Amazon Payments button is too small

Last Updated: Aug 24, 2016 12:49AM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

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

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found