Increase the store name size and colour

Store Design

Topic summary

A user seeks help customizing their Shopify store header, specifically increasing store name size and adding a color gradient effect. A support representative provides CSS code solutions that successfully address both requests.

Key customizations implemented:

  • Increased store name font size using CSS targeting h1.header__heading a span
  • Applied gradient color effect using linear-gradient and -webkit-background-clip
  • Enlarged logo size while reducing header padding

Additional issues resolved:

  • Fixed gradient not appearing on non-homepage pages by updating CSS selector
  • Resolved cart quantity update loading issue caused by misplaced style tags
  • Removed breadcrumbs navigation
  • Corrected text alignment on custom pages

Ongoing/unresolved issues:

  • Gradient color cannot be applied to checkout page (Shopify limitation)
  • Product image quality concerns remain unaddressed
  • Multiple requests for slideshow image zoom adjustments, height modifications for mobile vs. desktop, and announcement bar formatting are pending response
  • Latest inquiry about maintaining desktop brand name size while preventing mobile display issues awaits solution

The discussion shows successful initial customizations but several follow-up requests have slower response times.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
10

Hi @ashishsharma178 , Pls insert this code to your file css :

a.header__heading-link  span {
   font-size: 40px !important;
   background-image: linear-gradient(to right, #487470 46%, #efbe52 46%) !important;
   -webkit-background-clip: text;
   color: transparent !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like