New Shopify Certification now available: Liquid Storefronts for Theme Developers

Dawn: Slideshow: How to make the "card" background be semi-opaque?

BreadMonkey
Shopify Partner
3 0 0

Hello all,

 

It feels like this should be easier than it's turning out to be...

 

Stock Dawn theme

Home page template element "Slideshow"

 

I want to make the "card" that works as a background for the text semi opaque (i.e. CSS opacity property)

 

I'd prefer to accomplish this using the Custom CSS section of the Slideshow.

 

I've managed to get it so the entire thing, background and text, goes transparent, but that's not what I want.

Here's that:

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-accent-2.gradient.slideshow__text--center.slideshow__text-mobile--center {
opacity: .5;
}

 

It's gotta be easier than it seems... I've been trying every selector in Chome's dev tools, but nothing seems to be working.

 

Help?

Reply 1 (1)
Dan-From-Ryviu
Shopify Partner
5673 1044 1071

Hi @BreadMonkey 

Did you add opacity to the background instead of making that container opacity? 

Please drop your store link here so I can provide the code.

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now