Changing the background alpha of Boxed Content

[mlc2475]

Is there a way to change the background of the Boxed Content to an alpha level so it’s partly transparent? OR is there a better way of doing this using a different page element? I’ve already tried adding an extra class to my Boxed Content and pasting this into my CSS:

.spb_box_text.CLASSNAMEHERE .box-content-wrap {
background-color: rgba(255, 0, 0, 0.3); repeat scroll 0 0 transparent;
color: white;
}

But it’s not working

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with to check and give the solution.
Thanks
Mohammad

[mlc2475]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Which is your boxed content at page? I need marked screenshot image.
Thanks
Mohammad

[mlc2475]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.spb_box_content > .spb-bg-color-wrap{
background:rgba(255, 255, 255, 0.5) !important
}

Thanks
Mohammad

[mlc2475]

Will this change it to all boxed content items or just this one?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.page-id-147 .spb_box_content > .spb-bg-color-wrap{
background:rgba(255, 255, 255, 0.5) !important
}

Thanks
Mohammad