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

[Hamzaameen]

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

[Made4uo-Ribe]

Hi @Hamzaameen ,

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

[Hamzaameen]

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

[angelarbatt]

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.

[Transcy]

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

[Hamzaameen]

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