Change Opacity of Text Box in Slideshow - Venue Theme

Solved
Tourist
7 0 0

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

0 Likes
Highlighted
Shopify Partner
472 66 84

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
7 0 0
Here you go! Thanks!

https://www.etaliafoods.com/
0 Likes
Highlighted
Shopify Partner
472 66 84

Hello, K13
Thanks for shared. 
you have like this.Etalia Rising Crust, Gluten-Free, Organic Pizza. OMG Rising GF Crust!.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
7 0 0
Can it be even less opaque and maybe a different color?
0 Likes
Highlighted

Success.

Shopify Partner
472 66 84

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);
}

yes, you have used any color code.
this code use RGB code like white color whit opacite you this one 
background: rgba(255, 255, 255, 0.5);

Want to modify or incorporate custom changes on store
If helpful then please Like and Accept Solution.
Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization 
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted

Success.

Shopify Partner
472 66 84

please check screenshotReply to Message - Shopify Community.png 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 0

Awesome! It worked! Thank you!

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

0 Likes
Highlighted

Success.

Shopify Partner
472 66 84

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;
}

Reply to Message - Shopify Community (1).png
Want to modify or incorporate custom changes on store
If helpful then please Like and Accept Solution.
Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing 
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 0
Thank you for your help!!!
0 Likes