How can I customize the footer section in the craft theme?

ambientcandle19
Excursionist
47 0 4

Is there a way to edit the footer section for the craft theme.

 

1. make the header a font of my choosing

2. make the individual links closer together. I think i might know the second one but the code worked kinda wonky when i tried to put it into my site

Replies 5 (5)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@ambientcandle19 

 

Hi yes this can be done but unfortunately you did not provide the store URL for help. Please provide so that i can give you exact solution.

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
ambientcandle19
Excursionist
47 0 4

Could we switch it to: 

The headings. The 

  • contact us
  • mini gift set
  • all other regular page headings

are all too big. Could you please help me to make them the same size as everything else

 

lastcandles.myshopify.com

websensepro
Shopify Partner
1014 139 147

Hello Ambientcandle,

To edit the footer section you will need to modify the theme's code.

 

Here's how you can do it:

  • Go to your Shopify Admin dashboard.
  • Navigate to Online Store > Themes.
  • Find your Craft theme and click on "Actions" > "Edit code".
  • In the left sidebar, under "Sections", locate the footer section file. It might be named something like "footer.liquid" or "footer-section.liquid".
  • Look for the code that styles the footer text. It might be wrapped in <style> tags or defined in a separate CSS file.
  • You can change the font by modifying the CSS styles. For example:

 

.footer-text {
    font-family: "Your Font", sans-serif; /* Replace "Your Font" with your desired font name */
}

 

Save your changes.

Adjust Link Spacing:

  • Similarly, find the CSS styles for the footer links.
  • You can adjust the spacing between links using CSS margin or padding properties. For example:

 

.footer-link {
    margin-bottom: 5px; /* Adjust the value as needed to increase or decrease spacing */
}

 

Save Changes

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
ambientcandle19
Excursionist
47 0 4

My footer liquid isn't set up like this and I searched everywhere... its footer.liquid. But the style I saw something like {% style %} it looked something like that at the very top. Could I just add it to the end then or....

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@ambientcandle19 

 

still not solved? do let me know i can help you in this.

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂