Align content in footer to all be the same size and height?

I’m working with the lorenza theme in my footer and I’m trying to get all the font to be the same size, as well as get everything to align to the top.

This is what it currently looks like

I want everything to be the same size as the “NEWSLETTER” text, and I want everything aligned at the top with that same header as well. How do I achieve that?

Store: https://66cdcb-86.myshopify.com/

Password: chohme

1 Like

Hi @jasminsharp97

It already align on the top.

For the font-size do you mean like this?

if it ism 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.

.footer__text.rte h4, .footer__text.rte p {
    font-size: var(--font-size-body-extra-small);
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Thanks! That solved the font issue. The footer items I was testing headers, but without them things aren’t aligned - you can see that now. Can you help me figure it out now?

Yes, I can see it now. Add this code wherever folder you paste the font-size.

.footer__text.rte h4:first-child {
    margin-top: 0 !important;
    line-height: 1em;
}

And save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Thank you so much that solved it!