New Shopify Certification now available: Liquid Storefronts for Theme Developers

Footer Layout

Solved
kdsmoog
Tourist
6 2 0

Hi! I'm struggling with my footer layout, email input form and as well as adding additional custom fonts. I was able to add the font Butler Ultra-Light but am struggling to add Futura Light.

 

1. Footer Layout

The layout of my footer currently looks like this:

Screenshot 2023-11-18 at 17.39.14.png

 

However, I'd like it to look like something like this (maybe a bit better aligned than what I've done it etc.):

Screenshot 2023-11-18 at 17.48.41.png

 

2. My email sign up input

It has a transition of some sort that I cannot seem to remove so when I try to input anything the label goes like this:

Screenshot 2023-11-18 at 17.45.42.png

I'd prefer for the label to be a placeholder that remains there until something is typed in.

 

3. Custom Font (Futura Light)

Whenever I attempt to input a font into my page Assets it doesn't seem to pick it up, I'm trying to put Futura Light as my font family for my paragraphs/smaller text (p).

 

Additional site information:

Theme: Craft 12.0.0

URL: https://qol0tyx87x1v0k5e-81537368373.shopifypreview.com

Password: N/A

 

If you need any other information/access to my site please let me know. Any assistance will be very greatly appreciated! 🙂

Accepted Solution (1)
kdsmoog
Tourist
6 2 0

This is an accepted solution.

I've fixed the custom font issue. Figured out that Shopify doesn't support any spaces in between words for the font name (I think) , so I just added a - instead of a space in the file name and uploaded it again and it worked!

View solution in original post

Replies 2 (2)
kdsmoog
Tourist
6 2 0

This is an accepted solution.

I've fixed the custom font issue. Figured out that Shopify doesn't support any spaces in between words for the font name (I think) , so I just added a - instead of a space in the file name and uploaded it again and it worked!

kdsmoog
Tourist
6 2 0

Footer has been fixed! Just need to try fix the email thing which I have no clue where to, I've already tried numerous things and just cannot get it fixed