/* Generic Styling, for Desktops/Laptops */ .success { position: relative; z-index: 13; margin: 4% 13%; padding: 0 0 0 35px; border: solid 13px Green; background-color: Green; font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif; font-size: 15px; line-height: 20px; color: #FFF; overflow: hidden; } .success:after { content: ""; position: absolute; z-index: 12; width: 10px; height: 19px; bottom: 12px; left: 5px; border: solid 2px #FFF; border-top: none; border-left: none; transform: rotate(45deg); } .field-label { color: #ffa500; text-decoration: underline; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter