Shopify themes, liquid, logos, and UX
how do i get the payment icons in the same line and same spacing
yes i think it was added to the coding.
Hello @Jigz
Can you share store URL?
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.ps-payment-icon {
top: 10px;
left: 10px;
}
.footer__column--info {
display: flex;
flex-direction: row !important;
justify-content: center;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hi @Jigz,
Log in to your Shopify Admin:
1. Navigate to Online Store:
2. In the left-hand sidebar, click on Online Store.
3. Access the Theme Editor:
4. Under the Themes section, locate your active theme.
5. Click on Actions and then select Edit code from the dropdown menu.
6. Locate the section-footer.css File:
7. In the Assets folder, find and click on section-footer.css. The file might also have a similar name depending on your theme (e.g., footer.css, theme-footer.css).
Edit the section-footer.css File:
Scroll to the bottom of the section-footer.css file.
Add the following CSS code at the very end of the file:
media screen and (min-width: 750px) {
.footer__column--info {
display: flex;
padding-left: 0;
padding-right: 0;
align-items: baseline;
flex-direction: row-reverse;
justify-content: flex-start;
}
}
Save Your changes
If it was helpful, Do give a like and mark it as a Solutions
BR
Dawood Mirza
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025