Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #300542

    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.



    Hi Slade!

    Please turn on Custom CSS field for ALB elements firstly ( (Purchase code hidden if logged out) -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,


    You’re a wizard Yigit!! Thank you!

    You should include this as a default into your theme. VERY handy.

    Thanks again!



    You are welcome Slade, we are always glad to help :)
    Please feel free to request it ( or vote if already requested ) here –

    Best regards,


    This is exactly what i was looking for. This would be nice if it was enabled by default.



    Please you too vote ( or request if not requested ) in the link i posted in my previous post –
    If more users would like to have custom CSS field enabled by default, it will be enabled on upcoming updates.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Different colored Promo Boxes?’ is closed to new replies.