Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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
830 28 75

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

To Get Shopify Experts Help, E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad
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
830 28 75

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

To Get Shopify Experts Help, E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad