Tagged: promo box
Is it possible to chose the background color of the promo box to be transparent, so to let the color box background come through? How would I do this?
Hey Paul!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av_promobox {
background-color: transparent!important;
}
Cheers!
Yigit
But won’t this make all my promo boxes transparent? I only want it transparent in some cases.
Would be great to be able to select transparent in the actual module itself, as other modules have this option.
Hey!
You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give your element a custom class and change the code to following
.your-custom-class {
background-color: transparent!important;
}
Best regards,
Yigit
Hey!
You can have the background styling apply to specify pages by using page-ids.
Here’s an example.:
.page-id-65 .av_promobox {
background-color: transparent!important;
}
Cheers!
Dake
Last detail :) Can I make it semi transparent rather than totally transparent?
Hey!
You can use an RGBA background color:
background-color: rgba(215, 40, 40, 0.9);
The last digit controls transparency.
You can also use a background color generator: http://www.css3maker.com/css-3-rgba.html
Cheers!
Dake
Awesome, thanks guys for the quick response!
Hey!
You’re welcome, glad we could help :)
Please let us know if you ever need any help in the future.
Best regards,
Dake