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

    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

    #300584

    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

    #300919

    You’re a wizard Yigit!! Thank you!

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

    Thanks again!
    Slade

    #301093

    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

    #309920

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

    #309922

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Different colored Promo Boxes?’ is closed to new replies.