Does anyone know how to align this to the left?
https://www.remlagret.se/products/drivrem-mcculloch-pm85-snoslunga?variant=41954502508724
Thanks in advance
Topic summary
A user seeks to left-align payment icons on their Athens 2.0 Shopify theme product page. An initial solution suggests modifying the base.css file with display: flex and justify-content: flex-start properties, but this doesn’t fully meet requirements—the icons need to remain on the same row while being left-aligned.
Working Solution:
A community member provides CSS code to add at the bottom of base.css:
- Target
.ss-payment-listclass - Apply
justify-content: flex-startandmargin-left: -12px - Use
!importantflags to override existing styles
Status: Resolved. The user confirms the solution works successfully. Screenshots were shared showing the before/after alignment of payment icons.
Follow these Steps:
- Go to Online Store
- Edit Code
- base.css file
ul#ss-payment-list-template--19776016286038__0a940fa6-a703-4f89-809c-25acce9a872f {
display: flex;
justify-content: flex-start !important;
}
Thank you for the answer but thats not what we look for, we need them to still be on the same row and thats not aligned still missing a few pixels
Kind regards
Go to your Online store > Themes > Edit code, add this code below at the bottom of base.css file
.ss-payment-list {
justify-content: flex-start !important;
margin-left: -12px !important;
}
Thank you alot!
Very welcome.