How can I fully center align the text in my footer?

Store Design
1

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

2

@onyx_au

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!

3

Hi @dmwwebartisan !

Thanks for this, but it didnt work? It moved the payment icons slightly, thats it

screenshot attached

4

@onyx_au

Please add the provided CSS code I will check and send the correct solution to you.

5

@dmwwebartisan

Thanks! I added back the code

6

@onyx_au

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%;
}
7

@eFoli-Marvic

Thanks but I want everything in my footer to be centre aligned. The pay icons can stay justified left

8

Bump..

Can anyone help me please?

9

@onyx_au

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!

10

@dmwwebartisan

Awesome! Thanks! That worked :slightly_smiling_face: