Shopify themes, liquid, logos, and UX
Hey guys,
Only half my footer text is aligning centre with code:
text-align: center !important;
Attached before and after, how do I get everything centered?
Website: https://james-c-c-c-c.myshopify.com
Password: maicro
Solved! Go to the solution
This is an accepted solution.
In theme -> Online Store -> Action -> Edit code ->
Go to the Assets -> open theme.css
Then paste this code at the bottom of file.
@media only screen and (min-width: 750px){
.site-footer__item--one-quarter {
justify-content: center;
text-align: center;
}
}
Thanks!
In theme -> Online Store -> Action -> Edit code ->
Go to the Assets -> open theme.css
Then paste this code at the bottom of file.
.site-footer__item.site-footer__item--one-third {
justify-content: center;
text-align: center;
}
li.site-footer__linklist-item {
padding: 0 0px 5px 0;
}
hr.site-footer__hr {
display: none;
}
hr.site-footer__hr + .page-width .grid__item.one-half.small--one-whole{
width: 100%;
text-align: center;
}
.site-footer__payment-icons{
text-align: center;
margin-top: 15px;
}
Thanks!
Hi @dmwwebartisan !
Thanks for this, but it didnt work? It moved the payment icons slightly, thats it
screenshot attached
Please add the provided CSS code I will check and send the correct solution to you.
add this code to your style.css file.
Navigate to online store >> Click edit theme code.
Now find style.css and paste the following code:
.site-footer__payment-icons{
width: 100%;
}
@eFoli-Marvic
Thanks but I want everything in my footer to be centre aligned. The pay icons can stay justified left
Bump..
Can anyone help me please?
This is an accepted solution.
In theme -> Online Store -> Action -> Edit code ->
Go to the Assets -> open theme.css
Then paste this code at the bottom of file.
@media only screen and (min-width: 750px){
.site-footer__item--one-quarter {
justify-content: center;
text-align: center;
}
}
Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024