Changnig the size and font of a footer

[radaApeta]

Hello.

can someone help me with changing the look of a footer? I would like the footer to be a little bit bigger and wider/bolder, so i would pop out more. It should match the font of my store. I have tried to fixinng it but nothing worked. Thank you 🙂

https://www.pickupstore.cz/
0007

[Moeed]

Hey @radaApeta 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__menu-item span {
    font-size: 20px !important;
    font-weight: bold !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[rajweb]

Hi @radaApeta ,

o make the footer bigger, wider/bolder, and match the font of your store, you'll need to modify the CSS of your theme. Here's how you can do it:

Follow these steps:

1.  Online Store > Themes.

2. Edit code.

3. Open your theme.css or theme.scss.liquid file (or add custom CSS if your theme has that option).

4. Paste the above code at the bottom of the file.

5. Save the changes and check your store.

footer {
  font-family: inherit; /* Ensures the font matches your store's main font */
  font-size: 1.2rem; /* Increase the size of the text */
  font-weight: bold; /* Make the text bold */
  padding: 30px 0; /* Increase space inside the footer */
}

footer a {
  color: inherit; /* Make sure footer links match the text color */
  font-size: 1.2rem; /* Ensure link text is also bigger */
  font-weight: bold;
}

footer .site-footer__links, 
footer .site-footer__address {
  margin: 20px 0; /* Add space between footer elements */
}

Let me know how it looks after you try this or if you need further assistance!

Best Regard ,

Rajat Sharma

[ZestardTech]

Hi @radaApeta 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.footer-left-sections--21794337358158__ss_footer_6_F8ayzU,
.footer-column-sections--21794337358158__ss_footer_6_F8ayzU {
font-family: 'YourStoreFont', sans-serif;
padding: 20px;
}
.footer-menu-heading-sections--21794337358158__ss_footer_6_F8ayzU {
font-size: 18px;
font-weight: bold;
}

.footer-menu-link-sections--21794337358158__ss_footer_6_F8ayzU {
font-size: 16px;
font-weight: bold;
}
.footer-menu-link-sections--21794337358158__ss_footer_6_F8ayzU:hover {
text-decoration: underline;
}
.footer-column-sections--21794337358158__ss_footer_6_F8ayzU {
padding: 20px;
}
.footer-menu-item-sections--21794337358158__ss_footer_6_F8ayzU {
margin-bottom: 10px;
}