How to Make Slideshow Text Box Background Transparent - only first slide!

bluefinstudio
Visitor
2 0 0

Hi!  I am trying to make only the first slide of the slideshow have a transparent background to mimic the look of an 'image banner' (screenshot below).  I would like the subsequent slides to keep the white background that they currently have.  I was not able to figure out how to accomplish this by updating the code. 

 

My url is: Bluefin Studio (bluefin-studio.myshopify.com) and password is thagluScreenshot 2023-07-14 091257.png

 

THANK YOU in advance!  

Replies 3 (3)

Small_Task_Help
Shopify Partner
314 9 22

Hi,

 

Edit code > Assets > theme.scss.liquid" or styles.scss.liquid. > check the css section for styles the slideshow text box background

Identify the CSS class or selector something like ".slideshow .slide:first-child .text-box" or similar

Add the following CSS property

background-color: transparent;

Save > preview and publish

Click here to Contact and Get Shopify Store Help
E-mail - hi@shopifysmalltask.com
We are Shopify Store Small Tasks and Customization Experts
bluefinstudio
Visitor
2 0 0

Hi!  Thanks for your reply.  I don't think I have  theme.scss.liquid" or styles.scss.liquid under Assets.  Any thoughts? 

Small_Task_Help
Shopify Partner
314 9 22

Ok then need to check your back end If you want you can contact us for the same details given at Signature 

Click here to Contact and Get Shopify Store Help
E-mail - hi@shopifysmalltask.com
We are Shopify Store Small Tasks and Customization Experts