What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change text opacity on Image banner Craft theme

Solved

Change text opacity on Image banner Craft theme

Rugcrft
Tourist
6 1 1

I'm trying to change the text opacity on the image banner to 100% and none of the previous answers on similar questions helped. Think the opacity is about 90% now.
! SCREENSHOT IS IN MOBILE VIEW!
but i want to change it on mobile/Desktop

 

Looks like this now:

Bildschirmfoto 2024-10-23 um 22.46.04.png

Accepted Solution (1)

Rugcrft
Tourist
6 1 1

This is an accepted solution.

Found the solution to my own question 🙂

Bildschirmfoto 2024-10-24 um 14.19.48.png

 Had to switch it from 0.75 to 1.00

View solution in original post

Replies 12 (12)

ES1
Shopify Partner
177 15 17

Hi @Rugcrft 

 

Please share your store url for us to take a look.

 

 

Thanks

- Was our response helpful? Please click Like to let us know!
- Was your question answered? If Yes, Please mark it as an Accepted Solution so that it can help other budding Entrepreneurs like yourself !!!
Rugcrft
Tourist
6 1 1

Not open yet but i'll open it up for an hour so you can take a look. THX

www.rugcrft.com

Made4uo-Ribe
Shopify Partner
9152 2183 2699

Hi @Rugcrft 

PLease, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Rugcrft
Tourist
6 1 1

Not open yet but i'll open it up for an hour so you can take a look. THX
www.rugcrft.com

Dan-From-Ryviu
Shopify Partner
10324 2046 2129

Hi @Rugcrft 

You can do that by adding this code to Custom CSS of that section 

.banner__box {
background: transparent;
opacity: 0.5;
} 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Rugcrft
Tourist
6 1 1

Thx but i meant i want the the second phrase on the screen to be completely white and not that slight transparent

Dan-From-Ryviu
Shopify Partner
10324 2046 2129

You have not added link to button so it slight transparent like that.

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Rugcrft
Tourist
6 1 1

I have 😕 but it's not about the button it's only about the writing

Dan-From-Ryviu
Shopify Partner
10324 2046 2129

You added link button for desktop section, not mobile section

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Rugcrft
Tourist
6 1 1

This is an accepted solution.

Found the solution to my own question 🙂

Bildschirmfoto 2024-10-24 um 14.19.48.png

 Had to switch it from 0.75 to 1.00

Mary_Johnson
Visitor
2 0 0

What file did you make this change in?  Having the same issue.

Made4uo-Ribe
Shopify Partner
9152 2183 2699

Hi @Mary_Johnson 

This can be find on the theme.liquid file. Just change it on 1.00 and save. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.