Change Opacity of Text Box in Slideshow - Venue Theme

[K13]

Hello,

I would like to make the background of the text box in the slideshow less opaque than the "Semi-Opaque" selection in the theme. My text is white and hard to read on top of the pizza images. I selected the "Semi-Opaque", but it's too opaque and covers the pizza images, so I want to reduce it. I'm using the Venue Theme.

Thank you!

Kristin

[KetanKumar]

Hello. K13
Please share your site URL.
So that I can check and provide you the exact solution here.

[K13]

Here you go! Thanks!

https://www.etaliafoods.com/

[KetanKumar]

Hello, K13
Thanks for shared. 
you have like this.

[K13]

Can it be even less opaque and maybe a different color?

[KetanKumar · Accepted solution]

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-critical.scss.liquid->paste bellow code in bottom of file

.home-carousel--minimal .home-carousel__content.home-carousel__content {
background: rgba(0, 0, 0, 0.5);
}

[KetanKumar · Accepted solution]

please check screenshot 

[K13]

Awesome! It worked! Thank you!

Can I increase the text size and bold the text, too?

[KetanKumar · Accepted solution]

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->find bellow class and code on updated of file

.home-carousel--title-5 .section__title-text {
font-size: 1em;
font-weight: bold;
}
.home-carousel--minimal .home-carousel__text {
font-size: 1em;
font-weight: bold;
}

[K13]

Thank you for your help!!!

[jofg]

Hey, I'm also struggling to reduce the opacity of the text background in the slideshow. Could you take a look and explain how I can do this in code?

My site is https://slastik-uk.myshopify.com/?key=b26e6be91b12fb73b7f11bfcee321605c19ed3ad00ff378c2579400e7d530e...

Temp. password: aufays

[KetanKumar]

@jofg 

Thanks for post 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero-content__title {
background-color: rgba(0,0,0, 0.5); /* change opacity last 0.5 as you like */
}

[jofg]

SOLVED! Thank you so much 👍

[KetanKumar]

@jofg 

Thankf for update 

[ddrozdov15]

Hi! can you please help with the same thing? Also, how can i make my slider bigger in height? thanks a lot!

[KetanKumar]

@ddrozdov15 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[ddrozdov15]

hers's my URL. And I do need help with adding a transparency box and removing a small image icon. see you on picture attached. thnak you!

[KetanKumar]

@ddrozdov15 

store URL?

[ddrozdov15]

Sorry about that! 
https://preppedeatsmeals.com

https://pprepped-eats-meal.myshopify.com

[KetanKumar]

@ddrozdov15 

thanks for it 

i can't see that section can you please show me