How can I reduce block element size and animate footer blocks?

Technical Q&A
,

Topic summary

A user is seeking help with two CSS/HTML challenges:

Primary Issues:

  • Attempting to reduce the size of a block element beyond its default dimensions without success
  • Wanting to add animations to footer blocks

Troubleshooting Attempts:

  • Searched community forums for solutions
  • Consulted ChatGPT for guidance
  • Neither approach has resolved the issues

Additional Context:

  • The post includes a Shopify store URL and an image reference (appears reversed/encoded in the text)
  • User expresses uncertainty about whether the footer block animations are achievable

Status: The question remains unanswered, with the user awaiting community guidance on both the block sizing and animation implementation.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Dear community,

I’ve been trying to make the whole block smaller than its actual size but to no avail. I did some research in the community and tried to solve this with chatgpt but still no results. I am also trying to create some animations for the footer blocks but I’m not sure if that is possible.

If you need the url then here it is:

1cando1t_0-1702449458872.png
1cando1t_0-1702449458872.png1218×547 75.2 KB