Hi,
My client wants 3 Promo Boxes on his home page and each box background to be a different color.
I can figure out how to change the overall color with some css but I cannot figure out how to change them individually.
Is this possible?
I hope this makes sense.
Thanks!
Slade
Hi Slade!
Please turn on Custom CSS field for ALB elements firstly ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then give classes to your promobox elements such as promobox-one, promobox-two and promobox-three. Then add following code to Quick CSS in Enfold theme options under General Styling tab
.promobox-one {
background-color: red !important;
}
.promobox-two {
background-color: blue !important;
}
.promobox-three {
background-color: orange !important;
}
Best regards,
Yigit
You’re a wizard Yigit!! Thank you!
You should include this as a default into your theme. VERY handy.
Thanks again!
Slade
Hi!
You are welcome Slade, we are always glad to help :)
Please feel free to request it ( or vote if already requested ) here – https://kriesi.at/support/enfold-feature-requests/
Best regards,
Yigit
This is exactly what i was looking for. This would be nice if it was enabled by default.
Hey!
Please you too vote ( or request if not requested ) in the link i posted in my previous post – https://kriesi.at/support/topic/different-colored-promo-boxes/#post-301093
If more users would like to have custom CSS field enabled by default, it will be enabled on upcoming updates.
Best regards,
Yigit