Can't Change font of Text Wrapper for Logo

Topic summary

A user wants to change their logo text wrapper font from Soho to Lobster in their Shopify store.

Initial Solution Attempt:

  • Another user provided CSS code targeting .header__heading-logo-wrapper with font-family: Lobster !important
  • Suggested adding it to custom.css or theme.scss in the Assets folder

Complication:

  • The original poster is using the Spotlight theme, which doesn’t have the suggested CSS files (custom.css or theme.scss) in the Assets folder
  • They also report having no style.liquid file

Current Status:

  • The discussion remains unresolved as the standard CSS implementation method doesn’t apply to the Spotlight theme’s file structure
  • The user is awaiting alternative guidance on where to add custom CSS for this specific theme
Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

I would like to change the Soho font to Lobster, but go to a basic mono or something.

www.nashbrew.com

@Zeel-prajapatii thanks for the help getting to alignment corrected.

1 Like

Hi,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or them96.

.header__heading-logo-wrapper:before, .header__heading-logo-wrapper:after {
    font-family: Lobster!important;
}

I’m using the Spotlight theme, I don’t see either of those in assets.

@Zeel-prajapatii

I’m using the Spotlight theme, I don’t see either of those in assets

Can you check for style.css or theme.css file

I have a theme.liquid, no style