Shopify themes, liquid, logos, and UX
Hi, how can I add "we accept" text just above my payment methods in the footer like in the image?
Solved! Go to the solution
This is an accepted solution.
Hi @Daniel19901
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.shopify-section-footer > div .l4pm:before {
content: 'We accept';
margin: 0 var(--dist) 10px 0;
}
@media only screen and (max-width: 749px){
.shopify-section-footer > div .l4pm:before {
content: 'We accept';
position: absolute;
left: 50%;
transform: translate(-50%);
top: 5px;
}
.shopify-section-footer > div .l4pm {
padding-top: 30px;
}
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Hi @Daniel19901
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.shopify-section-footer > div .l4pm:before {
content: 'We accept';
margin: 0 var(--dist) 10px 0;
}
@media only screen and (max-width: 749px){
.shopify-section-footer > div .l4pm:before {
content: 'We accept';
position: absolute;
left: 50%;
transform: translate(-50%);
top: 5px;
}
.shopify-section-footer > div .l4pm {
padding-top: 30px;
}
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025