How to remove image number that shows under the image in featured product on homepage (Dawn theme)

Store Design
, , , ,

Topic summary

A user seeks to remove the image counter (e.g., “1/4”) displaying beneath featured product images on their Dawn theme homepage. They also ask about showing all product images in the homepage featured product section, similar to the product page display.

Solution Provided:

  • Add custom CSS code to the theme.liquid file, placed above the </body> tag
  • The code targets .slider-counter.caption with display: none !important;
  • This successfully hides the image counter overlay

Additional Requests:

  • The original poster later asks about changing background colors and text colors for policy/regular pages (from white background to grey with yellow text)
  • Two other users encounter the same image counter issue and request the same solution
  • The helper provides the CSS snippet again and offers personalized assistance after receiving store URLs and passwords

Status: The primary issue is resolved with a working CSS solution. The secondary question about page styling remains unanswered. The discussion continues as additional users seek the same fix.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I have the silliest of questions.

I am trying to remove the 1/4 that shows up underneath my featured product on my homepage.

The website is www.sweatfree.co and the password is sweatfree123

Thank you.

Side question, is there any way I can get all my product images to show up on the homepage within the featured product like they show on product page?

1-4th.png
1-4th.png1178Ă—662 300 KB

1 Like
2

Hey @SweatFree

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1743394413017.png
Moeed_0-1743394413017.png1197Ă—877 171 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi @Moeed thank you for the speedy response. I appreciate it!

1 Like
4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like
5

Thank you, @Moeed

One quick question: all my policy pages and even the regular pages are all white background. I wanted them to be the same grey colour background and yellow colour text. Any advice on how to change the background colour of the pages and the text on those pages?

6

Hi Moeed, would it be possible for you to reupload the code for this? I am currently experiencing the same problem but for some reason the code is not showing up on your post anymore.

7

Hey @clementgordon

Share your store URL and Password if enabled.

Best,
Moeed

8

Hello could you help me with this as well? Thank you!

1 Like
9

Hey @Lannersocks

Happy to help you out, please share your store URL and Password (if enabled)

Best,
Moeed

10

Thank you!

url: pj0u10-3b.myshopify.com

password: fhtyhlkd

11

Hey @Lannersocks

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.slider-counter.caption {
    display: none !important;
}
</style>

RESULT:

image
image1009Ă—692 86.5 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like