Slideshow image section background colour and text position change

Shopify Discussion

Topic summary

A user seeks help customizing a slideshow section on their Shopify store, specifically wanting to:

Color customization:

  • Add different background colors to individual slides in a slideshow
  • First slide: #6C16D7 (purple)
  • Second slide: #ff99cc (pink)
  • Colors needed behind product images on the second slideshow

Mobile layout issues:

  • Text overlays product images on mobile, making it difficult to read
  • User wants to reposition text below the image instead

Additional requests:

  • Add a droplet element to the text box
  • Adjust image section positioning

A support representative (Ollie) responded requesting clarification on which specific Shopify theme is being used, as this information is needed to provide accurate guidance. They directed the user to check the Theme Editor (accessible via the three dots at top left) to identify the active theme.

Note: Parts of the original messages appear corrupted or reversed, but the core issues are clear.

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

Hi,

I need some help with slideshow background colour. is it possible to add colours? I need to add different colours to each slide though.

I have two slideshows on my landing page and the second one needs colour back of the product image.

first slide this colour #6C16D7

Second slide with #ff99cc

Also, on the mobile version, the text goes over the product image which is hard to read. can I change the position so it goes under the image? which probably mean that the image section should be longer underneath as per my example on the below image?

Also, is there a way to add the droplet in the text box…?

Thank you so much for your help

My site is https://478990-66.myshopify.com/

Screen Shot 2024-03-15 at 10.58.35 PM.png
Screen Shot 2024-03-15 at 10.58.35 PM.png691×614 57 KB

2

Hey @ecoWeb .

Thanks for reaching out.

I appreciate the context that you have shared with us as that is very helpful! Could you clarify with us what specific theme you are using on your online store? As this information will allow us to assist you accordingly.

If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:

20-13-27185-53753.png
20-13-27185-53753.png1302×829 89.5 KB

Looking forward to your response.