Alert Messages

Alert Message Shortcode

These are perfect for displaying important information, alerts or messages to your viewers. The options we include allow you to animate the box when it shows in the viewport, use font awesome icons, customize the colors, accent colors, border sizes and more.

Alert Message Content Goes Here
Click The X To Close Out The Box

4 Default Message Types Or Build Your Own

There are 4 default message types: general, error, success, notice.  And a “custom” message type can be used to customize the elements.

Default General Message Type
Default Error Message Type
Default Success Message Type
Default Notice Message Type

Customization Settings

The shortcode options allow you to set background colors, accent colors (text/icon), border size and color, and display a bottom shadow.

Fully Customizable Settings!
Customize The Background Color
Customize The Accent Colors
Control The Border Size
Control The Border Color
Subtle Box Shadow Setting

Animation Settings

Alert boxes can have CSS3 animations. This allow the box to animate when it comes into the viewport to helps catch the viewers eye.

Bounce Animation Setting
Slide Animation Setting
Flash Animation Setting
Shake Animation Setting

Complete Set of Options 

Every option and description included with the alert shortcode is listed below.

  • type – Can be one of these values: general, error, success, notice, or custom. Sets the type of alert message.
  • accent_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the border, text and icon color.
  • background_colorCustom setting only. Accept a hexcode ( #000000 ). Sets the background color.
  • border_sizeCustom setting only. Accepts a pixel value. For example, 1px. Sets border width.
  • icon – A font awesome icon value. For example, fa-glass.
  • box_shadow – Can be one of these values: yes, or no. This will show or hide a box shadow below the alert box.
  • animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!

39 Replies to “Alert Messages”

  1. Thanks for ones marvelous posting! I seriously enjoyed reading it,
    you will be a great author.I will remember to bookmark your blog and will
    eventually come back at some point. I want to encourage one to continue your great writing, have a nice
    morning!

  2. Thanks for your personal marvelous posting! I seriously enjoyed reading it, you’re a greatauthor.I will be sure to bookmark your blog and will comeback later on. I want to encourage you to continueyour great work, have a nice afternoon!

  3. I think this is one of the most important info for me.
    And i’m glad reading your article. But should remark on few general things, The web site style is
    perfect, the articles is really nice : D. Good job, cheers

  4. Great post. I was checking continuously this blog and I’m impressed!Extremely useful info specifically the last part 🙂 I care forsuch information much. I was looking for this particular infofor a long time. Thank you and best of luck.

  5. An intriguing discussion is worth comment.I do believe that you need to publish more about this issue,it may not be a taboo subject but usually people don’tspeak about these topics. To the next! All the best!!

  6. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.You definitely know what youre talking about, why waste your intelligence on just posting videos to yourweblog when you could be giving us something informative to read?

  7. Your style is really unique in comparison to other people I’ve read stuff from.
    Thanks for posting when you have the opportunity, Guess I’ll just bookmark this web site.

  8. Its like you read my mind! You seem to know a lot about this,
    like you wrote the book in it or something. I think that you could do with some pics to drive the message home a
    little bit, but other than that, this is wonderful
    blog. An excellent read. I’ll definitely be back.

  9. I used to be suggested this blog by means of my cousin. I am now notsure whether this post is written by him as nobody else know suchdetailed approximately my trouble. You’re wonderful! Thank you!

  10. Hello, i think that i saw you visited my web site so i got here to return the want?.I’m attempting to in finding issues to enhance my web site!I guess itsgood enough to make use of a few of your ideas!!

  11. I’ve learn a few just right stuff here. Definitely value bookmarking for revisiting.
    I wonder how so much attempt you put to create one of these magnificent informative web site.

  12. Fantastic goods from you, man. I’ve understand your stuff previous to and you are just extremely wonderful.

    I really like what you’ve acquired here, really
    like what you are stating and the way in which you say
    it. You make it entertaining and you still care for to keep it wise.
    I cant wait to read much more from you. This is actually a terrific website.

  13. Hi! I just wanted to ask if you ever have any problems with hackers?
    My last blog (wordpress) was hacked and I ended up
    losing many months of hard work due to no data backup.

    Do you have any solutions to prevent hackers?

  14. Nice post. I learn something new and challenging on sites I stumbleupon everyday.It will always be useful to read through content from other authors and use something fromtheir websites.

  15. Hi there! This is my first visit to your blog! We are a group of volunteers and starting a new
    project in a community in the same niche. Your blog provided
    us useful information to work on. You have done a extraordinary job!

  16. You are so cool! I don’t believe I have read anything like this before.So good to find another person with unique thoughtson this subject. Seriously.. thanks for starting this up.This site is something that is needed on the internet, someone with a little originality!

  17. certainly like your web-site but you have to test the spelling on quite a few of your posts.
    Several of them are rife with spelling issues and
    I in finding it very bothersome to inform the truth however I will surely come back
    again.

  18. Whats up very cool site!! Man .. Excellent ..Amazing .. I will bookmark your website and take the feeds also?I’m glad to search out so many helpful information here within the put up, we’d like develop extra strategieson this regard, thanks for sharing. . . .. .

  19. Today, I went to the beach with my children. I found a
    sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She put the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is completely off topic but I had to tell someone!

  20. Thank you for any other informative web site. Where else
    could I am getting that type of information written in such a perfect approach?
    I have a mission that I am simply now operating on,
    and I’ve been on the glance out for such info.

  21. I’m extremely impressed with your writing skills as well
    as with the layout on your blog. Is this a paid theme or
    did you modify it yourself? Anyway keep up the nice quality writing, it’s rare
    to see a great blog like this one these days.

  22. I am curious to find out what blog platform you are utilizing? I’m having some small security problems with my latest blog and I’d like to find something more secure. Do you have any solutions?

  23. Today, I went to the beach with my kids. I found a sea
    shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her ear. She never wants to go back!
    LoL I know this is entirely off topic but I had to tell someone!

  24. With havin so much content do you ever run into any problems of plagorism or copyrightviolation? My site has a lot of completely unique content I’ve either written myself or outsourced but itseems a lot of it is popping it up all over the internet without my agreement.Do you know any ways to help stop content from being ripped off?I’d truly appreciate it.

Leave a Reply

Your email address will not be published. Required fields are marked *