Solved

Slideshow Section - Subheading Text Opacity - Its too see through!

Ryanp
Explorer
65 3 21

I have figured out how to change size, position but cannot figure out how to change the opacity of Subheading text to be solid color..  I prefer not to have any opacity at all on any of my subheadings. Right now I am running custom CSS in the section for font size with this code:

}

.banner__text.rte {
font-size: 20px;

}

 

opacity slideshow.jpg

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7558 1460 1456

This is an accepted solution.

Add this code to Custom CSS of desktop image banner section 

.banner__text p {
color: #000;
}

And this code for mobile banner image section 

.banner__text p {
color: #fff;
}

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Ryanp
Explorer
65 3 21

This is an accepted solution.

Thanks Dan. Worked for desktop block but for Mobile I had to use:

 

.slideshow__text-mobile--left p {

  color: #fff;

}

@media (min-width: 768px) {

  slideshow-component {

    display: none;

  }

}

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7558 1460 1456

Hi @Ryanp 

I'm Dan from Ryviu: Product Reviews & QA. 

Could you share your store URL to check? 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Ryanp
Explorer
65 3 21

Hey Dan - thanks for offering to help. It's the slideshow above the footer. Devildaves.com. I'm also hiding for Desktop and Mobile with custom CSS. So I might need codes for both. Section wise..

Dan-From-Ryviu
Shopify Partner
7558 1460 1456

This is an accepted solution.

Add this code to Custom CSS of desktop image banner section 

.banner__text p {
color: #000;
}

And this code for mobile banner image section 

.banner__text p {
color: #fff;
}

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Ryanp
Explorer
65 3 21

This is an accepted solution.

Thanks Dan. Worked for desktop block but for Mobile I had to use:

 

.slideshow__text-mobile--left p {

  color: #fff;

}

@media (min-width: 768px) {

  slideshow-component {

    display: none;

  }

}