This topic has 2 replies, 2 voices, and was last updated 10 years by PaulMRivera.

  • Author
  • #13422
     PaulMRivera
    Participant

    How would i go about adding different colored panel callouts? Currently I can only change it so that all panels are the same color. I want two panel callouts that are different colors. Currently I am using the code below in my functions to modify the color to be pink, but I would also like one to be blue.

    Shortcode: [kleo_panel style=”callout” round=”1″] TEXT [/kleo_panel]

    CSS:

    .panel.callout {
    background: none repeat scroll 0 0 rgba(252, 84, 172, 0.5);
    }

    #13711
     Abe
    Keymaster

    Hi, You can add a class attribute and refference it in the css. example:

    COPY CODE
    
     [kleo_panel style="callout" round="1" class="custom_class"] TEXT [/kleo_panel]
    

    css:

    COPY CODE
    
    .panel.callout.custom_class {
    background: none repeat scroll 0 0 rgba(252, 84, 172, 0.5);
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #14567
     PaulMRivera
    Participant

    Thanks

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

The topic ‘Panel Callout: Different Colors’ is closed to new replies.

Log in with your credentials

Forgot your details?