Opacity for testimonial and other boxes

Home Forums Gravida Support Opacity for testimonial and other boxes

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #116266
    stevehb
    Member
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    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

    #116270
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    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

    #116275
    stevehb
    Member
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    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

    #116281
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    Hi,

    We do not see promo box on your website?

    Regards,
    Dave

    #116284
    stevehb
    Member
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    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

    #116286
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    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

    #116288
    stevehb
    Member
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    Dave

    That worked perfectly 🙂

    Once again thank you.

    Steve

    #116289
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24455
    • Total: 24455
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.