Center Align footer text on Mobile–Squarespace 7.0 CSS help

Leaf · March 28, 2022

Hello!

[pw: morehugs]

I'm trying to change the alignment of footer text in my client's website.
I've applied this code so far:

/* mobile footer alignment*/
@media only screen and (max-width:640px){
.Footer-blocks * {text-align:center}}

It seems to only have applied to some of the text in the footer. I would like all of the footer text to be center-aligned.

I'd appreciate any thoughts,

Thanks :))

- Leaf (they/them)

Edited March 28, 2022 by Leaf

tuanphan · March 30, 2022

Use this CSS code

/* align center mobile footer */
@media screen and (max-width:767px) {
footer.Footer * {
    text-align: center !important;
}
}

Leaf · March 30, 2022

It worked. Thank you!

Recommended Posts