- Moderator
- 104
Hi there,
The problem comes from the width of the third payment method. Actually all of the methods must be images with same width, otherwise you must set different width to every single element. In your case first two elements are OK because of the same width they have.
To fix the problem for the third element you need to add this code in the 'styles.css' file(please find the code below and add just the bold one text):
.accepted-payment-methods .method3 {
background-position: -118px 0;
width: 110px;}
I notice that in your payment method image sprite you have 2 more images. You can show all of it by adding 2 more list items in the 'footer' view and then by using the 'background-position' CSS property just set the background images from the 'payment-icons' sprite.
The problem comes from the width of the third payment method. Actually all of the methods must be images with same width, otherwise you must set different width to every single element. In your case first two elements are OK because of the same width they have.
To fix the problem for the third element you need to add this code in the 'styles.css' file(please find the code below and add just the bold one text):
.accepted-payment-methods .method3 {
background-position: -118px 0;
width: 110px;}
I notice that in your payment method image sprite you have 2 more images. You can show all of it by adding 2 more list items in the 'footer' view and then by using the 'background-position' CSS property just set the background images from the 'payment-icons' sprite.
Regards,
Peter Zhekov
Nop-Templates.com
Peter Zhekov
Nop-Templates.com