Change just the number on the search page to black

Store Design
, , ,

Topic summary

A user seeks to change the color of a number displayed on their search page to black.

Current Issue:

  • The number is part of an h1 tag that contains additional text
  • Styling the h1 directly would affect all text within it

Proposed Solution:

  • Wrap the number in a <span> tag within the theme code
  • Apply custom CSS targeting that span:
.page--title.template-title span {
  color: #000;
}

This approach allows styling only the number without affecting the surrounding text in the h1 element.

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

Hi guys,

Website: vossani.com

How can I change just the number on the search page to black. Pic for reference:

Screenshot 2024-07-19 at 10.05.16 AM.png
Screenshot 2024-07-19 at 10.05.16 AM.png2926×1634 123 KB

2

Hi @flammagreg

Currently, the number you want to change to black is part of the h1 tag. It also has some additional text as well along with it. Adding styles to the h1 tag would apply to the whole sentence.

You can adjust the theme code and wrap the number in a tag and then apply the following CSS.

.page--title.template-title span {
    color: #000;
}

Thanks.