How to make image on slideshow as a background for pagimation in Dawn theme?

Topic summary

A user wants to set slideshow images as backgrounds for pagination dots in the Dawn theme. The request involves making images stretch behind the pagination section rather than appearing as separate elements.

Proposed Solution:
A community member provided custom code to be added to the theme.liquid file:

  • Navigate to Online Store → Edit Code → theme.liquid
  • Insert provided CSS/markup code above the </body> tag

Current Status:
The solution has been offered but not yet confirmed as implemented or tested. The discussion appears to be awaiting user feedback on whether the code successfully achieves the desired background effect for the pagination dots.

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

How to make image on slideshow as a background for pagimation in Dawn theme?

I would like the image to stretch in the background of those dots.

Thank you for your help!

Hey @Ontarni

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

https://fbbf11-37.myshopify.com/

I would like to have an image on every slideshow as a background for pagination section.

Hey @Ontarni

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:

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

Best Regards,
Moeed

1 Like