How can I overcome design limitations with the Envy theme?

Store Design
, , , ,

Topic summary

Seeking guidance to override design limitations in the Envy Shopify theme via CSS or apps. The poster is new to Shopify and notes theme-specific constraints make finding Envy-specific solutions difficult.

Requested customizations:

  • Adjust content width so pages aren’t full-width. They want more control over page layout.
  • Change subheading font sizes. Typography controls appear limited in the theme settings.
  • Add a dark overlay on “Image with Text Overlay” sections. An overlay is a semi-transparent layer to improve text readability.
  • Add a dark overlay on “Video with Text Overlay” sections. Similar need for contrast enhancement over moving backgrounds.
  • Add a logo to the footer. Footer branding is not currently supported by the theme’s settings.

Technical context: CSS (the style language for web pages) and Shopify themes (prebuilt templates with configurable sections) may be involved.

Status: No solutions or decisions yet; the thread is open with unanswered questions on whether CSS edits or apps are recommended for Envy.

Summarized with AI on January 15. AI used: gpt-5.
1

I’m building a site using the Envy Theme and have run into a few small design caveats that I would like to have control over:

  1. Changing the content width to not be full-width
  2. Changing the type size of the subheadings
  3. Adding a dark overlay to the background image of the “Image with Text Overlay” sections
  4. Adding a dark overlay to the background videos of the “Video with Text Overlay” sections
  5. Adding a logo to the footer

This is my first time building a site with Shopify so I’m not used to having these limitations, and I know the limitations vary per theme so it’s hard to find solutions regarding Envy. Is there CSS to make these changes, or recommended apps? Any help regarding any of these would be appreciated! Thank you.