Recipe Shortcode background color

  • Unknown's avatar
    kylenemichele · Member ·

    I am looking to use the new [recipe] shortcode but would like the recipe box that is created to have it’s own background color (white). Wondering how to customize the CSS to make that happen (I do have the custom design upgrade).

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hfzrhmn · Member ·

    Hi, do you have a post using the [recipe] shortcode?

    I might be able to help, but will need an example to work on first.

  • Unknown's avatar
    thesacredpath · Member ·

    Beware! Obnoxious color ahead. :)

    These two CSS rules will allow you to change background color, border color and title bottom border color.

    .jetpack-recipe {
    background-color: #CC0000;
    border-color: #44BB00;
}

.jetpack-recipe-title {
    border-bottom-color: #bb00a1;
}

    Let us know if there are additional changes you wish to make.

  • The topic ‘Recipe Shortcode background color’ is closed to new replies.