Docs

[kellymowrer]

Hi, I’d like to change the background color of certain alerts (not all). So, rather than green background for informational, I’d like it to be a light turquoise. Many thanks for your assistance!

[Rahul]

Hi Kelly,

Thanks for writing in!

To customize the alert shortcode, you can add this under Custom > CSS in the Customizer.

body .x-alert {
    background-color:red;   /* to change background */
    color: red;             /* to change text color */
    font-style: normal;     /* to change font-style */
    font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif; /* to change font */
    font- size: 18px;       /* to change font-size of content */
    border: 1px solid red;  /* to change border color*/
}

Change red with the color that you like.

You can delete the lines of code you don’t want to change.

For more information regarding the alert shortcode you can refer to this link.

Shortcode Walkthrough: [alert]

http://theme.co/x/demo/integrity/1/shortcodes/alert/

Hope this helps.

Thanks!

[Author]

Posts