Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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!
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!
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?
This is an accepted solution.
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!
Thank you so much that solved it!
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024