Changing text colour of the Promo (announcement) Bar in Venture

Solved
KetanKumar
Shopify Partner
20534 2123 7743

@FJSA 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a 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 Partner | 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
KetanKumar
Shopify Partner
20534 2123 7743

@bronddy 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a 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 Partner | 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
KetanKumar
Shopify Partner
20534 2123 7743

@bronddy 

Please share your site URL,
So I will check and provide a 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 Partner | 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
Mikei94
Excursionist
41 3 13

Hello,

 

I see that the first question to this post also mentioned changing the transparency / opacity of this announcement / promo bar.

 

Do you know how to change this? @KetanKumar 

Thanks!

Best regards,
Mikei

0 Likes
KetanKumar
Shopify Partner
20534 2123 7743

@Mikei94 

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.

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 Partner | 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
Mikei94
Excursionist
41 3 13

Hi @KetanKumar !

 

I would like to change the transparency of the promo bar (Red bar with "Free Shipping" announcement).

I want it to still be red, but a little bit transparent, if it's possible.

 

The URL: gamer-tech.com

Password: Gay Ming

 

Thanks  a lot!

KetanKumar
Shopify Partner
20534 2123 7743

@Mikei94 

do you mean like this?

KetanKumar_0-1624807878771.png

 

doesn't look good what do you think?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Mikei94
Excursionist
41 3 13

Hello @KetanKumar 

 

I wanted it to be just like 80% (0.8) transparent.

Still red, but a little transparent so it can mix with the background.

 

Best regards,
Miguel

KetanKumar
Shopify Partner
20534 2123 7743

@Mikei94 

thanks for more clear about it yes please add this code

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

.notification--promo, .notification--success {
background-color: rgba(216, 35, 47, 0.6);
margin-bottom: -44px;
    position: relative;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Mikei94
Excursionist
41 3 13

Hello @KetanKumar 

 

Perfect, that is exactly what I wanted!

 

Although now I cannot click on the "x" to close the announcement bar.

Any idea what changed this?

 

Thanks!

 

Best regards,

Miguel