How to set unique background colors for each slide in Dawn theme?

How to set unique background colors for each slide in Dawn theme?

6 0 2

In the Shopify Dawn theme, I'd like each slide in the slideshow section to have its own unique background color Scheme 

Replies 5 (5)

Shopify Partner
6990 1664 2056

Hi @Hamzaameen ,

Would you mind to share your URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
6 0 2

Can you please share me the solution without website URL, if possible

1 0 0

Creating a unique color scheme for each slide in a presentation can add visual interest and help differentiate different sections or topics. Most presentation software, such as Microsoft PowerPoint or Google Slides, allows you to customize the color scheme for individual slides. Here's how you can achieve this:

Microsoft PowerPoint:

  1. Open your PowerPoint presentation.
  2. Go to the slide for which you want to create a unique color scheme.
  3. Click on the "Design" tab in the top menu bar.
  4. In the "Variant" group, you will see various color schemes. Hover over each variant to see a live preview of how it will look on your slide.
  5. Click on the variant that you like, and the color scheme of the slide will change accordingly.

Google Slides:

  1. Open your Google Slides presentation.
  2. Go to the slide you want to customize.
  3. Click on the "Slide" menu in the top menu bar.
  4. Select "Change background" from the drop-down menu.
  5. In the panel that appears on the right, you can change the background color, apply a gradient, or insert an image. Choose the option that best suits your desired color scheme.

Customizing Colors Individually (Advanced): If you want even more control over the color scheme of individual slides, you can manually adjust the colors of the elements on each slide. This involves selecting and changing the colors of text, shapes, backgrounds, etc., independently on each slide.

Remember that while using unique color schemes can make your presentation visually appealing, consistency is also essential for maintaining a professional look gowing time. Try to strike a balance between uniqueness and coherence throughout your presentation to create an engaging and visually pleasing experience for your audience.


Shopify Partner
285 19 85

Hello @Hamzaameen ,


You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code

Go to Assets folder -> base.css file or theme.css file

Add this following code at the bottom of page

.slide-1 {
  background-color: #ff0000;

.slide-2 {
  background-color: #00ff00;

.slide-3 {
  background-color: #0000ff;

Replace .slide-1, .slide-2, and .slide-3 with the actual class or ID names of each slide

Save changes


Hope this can help.


Transcy - The #1 Translation and Currency Converter
- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
6 0 2

I want each slide to have a different color scheme, just like how the slideshow content box have their own unique colour scheme in each slide. These color schemes should be changeable for each slide, so I can easily pick and adjust any color inside the Shopify admin panel