Opacity for testimonial and other boxes

[stevehb]

Hi

The URL is https://perceptionprofiling.com/

On the homepage, you can see I am using the Testimonial rotator and I have been able to use the “Basic… Colors options” to set the color of the testimonial box.

Can you advise what I would need to do if I want to set the opacity of this box to 50% please?

Also, If I wanted to do this for a promotion box how would I do that?

Many Thanks
Steve

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.testimonial-box, .bxslider li { background-color:rgba(251, 255, 244, 0.5);}

Regards,
Dave

[stevehb]

Dave

Thanks for the speedy response and for fixing the Testimonial box… That worked great!

If I wanted to do this for a promotion box would it be…

.promobox4 { background-color:rgba(251, 255, 244, 0.5); }

Thanks
Steve

[Forum Moderator]

Hi,

We do not see promo box on your website?

Regards,
Dave

[stevehb]

Hi Dave

I disabled it because it looked so horrible! I have re-enabled it now so you can see it 🙂

Have a look at https://perceptionprofiling.com/

The promobox is immediately below the slider.

How can I change the opacity for this box to 50% please?

Thanks
Steve

[Forum Moderator]

Hi,

Kindly use this CSS code to setup promo box opacity

.promo4 { background-color: rgba(251, 255, 244, 0.5) !important; border:none !important;}

Regards,
Dave

[stevehb]

Dave

That worked perfectly 🙂

Once again thank you.

Steve

[Forum Moderator]

Hi,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/21/

Regards,
Dave

[Author]

Posts