{"id":1978,"date":"2016-01-06T15:47:32","date_gmt":"2016-01-06T15:47:32","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-celsius\/?page_id=1978"},"modified":"2016-01-06T15:47:32","modified_gmt":"2016-01-06T15:47:32","slug":"alerts-badges","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/celsius\/alerts-badges\/","title":{"rendered":"Alerts & Badges"},"content":{"rendered":"

[vc_row animation=”” panel_style=”” css=”.vc_custom_1455679478830{margin-bottom: 50px !important;}”][vc_column][vc_custom_heading text=”ALERTS” font_container=”tag:h3″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-celsius-heading-left” animation=””][vc_column_text css=”.vc_custom_1452257785501{margin-bottom: 15px !important;}”]To emphasize a point with an alert box, use the uk-alert<\/code> class[\/vc_column_text][vc_column_text css=”.vc_custom_1452257814237{margin-bottom: 55px !important;}”]<\/p>\n

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.<\/div>\n

[\/vc_column_text][vc_custom_heading text=”COLOR VARIATIONS” font_container=”tag:h2″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=””][vc_column_text css=”.vc_custom_1452257878018{margin-bottom: 15px !important;}”]You can change the color scheme of the alert box by adding the following classes: uk-alert-success<\/code>, uk-alert-warning<\/code>, or uk-alert-danger<\/code>[\/vc_column_text][vc_column_text css=”.vc_custom_1452257944197{margin-bottom: 15px !important;}”]<\/p>\n

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.<\/div>\n

[\/vc_column_text][vc_column_text css=”.vc_custom_1452257950461{margin-bottom: 15px !important;}”]<\/p>\n

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.<\/div>\n

[\/vc_column_text][vc_column_text css=”.vc_custom_1452257956845{margin-bottom: 55px !important;}”]<\/p>\n

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.<\/div>\n

[\/vc_column_text][vc_custom_heading text=”CLOSABLE ALERTS” font_container=”tag:h2″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=””][vc_column_text css=”.vc_custom_1452257885331{margin-bottom: 15px !important;}”]To add a close button to an alert, use the uk-alert-close uk-close<\/code> class[\/vc_column_text][vc_raw_html css=”.vc_custom_1452258161838{margin-bottom: 15px !important;}”]JTNDZGl2JTIwY2xhc3MlM0QlMjJ1ay1hbGVydCUyMHVrLWFsZXJ0LXN1Y2Nlc3MlMjIlMjBkYXRhLXVrLWFsZXJ0JTNEJTIyJTIyJTNFJTNDYSUyMGhyZWYlM0QlMjIlMjMlMjIlMjBjbGFzcyUzRCUyMnVrLWFsZXJ0LWNsb3NlJTIwdWstY2xvc2UlMjIlM0UlM0MlMkZhJTNFRG8lMjBub3QlMjBkd2VsbCUyMGluJTIwdGhlJTIwcGFzdCUyQyUyMGRvJTIwbm90JTIwZHJlYW0lMjBvZiUyMHRoZSUyMGZ1dHVyZSUyQyUyMGNvbmNlbnRyYXRlJTIwdGhlJTIwbWluZCUyMG9uJTIwdGhlJTIwcHJlc2VudCUyMG1vbWVudC4lM0MlMkZkaXYlM0U=[\/vc_raw_html][vc_raw_html css=”.vc_custom_1452258166933{margin-bottom: 55px !important;}”]JTNDZGl2JTIwY2xhc3MlM0QlMjJ1ay1hbGVydCUyMHVrLWFsZXJ0LWRhbmdlciUyMiUyMGRhdGEtdWstYWxlcnQlM0QlMjIlMjIlM0UlM0NhJTIwaHJlZiUzRCUyMiUyMyUyMiUyMGNsYXNzJTNEJTIydWstYWxlcnQtY2xvc2UlMjB1ay1jbG9zZSUyMiUzRSUzQyUyRmElM0VEbyUyMG5vdCUyMGR3ZWxsJTIwaW4lMjB0aGUlMjBwYXN0JTJDJTIwZG8lMjBub3QlMjBkcmVhbSUyMG9mJTIwdGhlJTIwZnV0dXJlJTJDJTIwY29uY2VudHJhdGUlMjB0aGUlMjBtaW5kJTIwb24lMjB0aGUlMjBwcmVzZW50JTIwbW9tZW50LiUzQyUyRmRpdiUzRQ==[\/vc_raw_html][vc_custom_heading text=”SIZE MODIFIER” font_container=”tag:h2″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=””][vc_column_text css=”.vc_custom_1452257893172{margin-bottom: 15px !important;}”]To create a large alert with added padding, use the uk-alert-large<\/code> class.[\/vc_column_text][vc_raw_html css=”.vc_custom_1452258211509{margin-bottom: 45px !important;}”]JTNDZGl2JTIwY2xhc3MlM0QlMjJ1ay1hbGVydCUyMHVrLWFsZXJ0LXN1Y2Nlc3MlMjB1ay1hbGVydC1sYXJnZSUyMiUyMGRhdGEtdWstYWxlcnQlM0QlMjIlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NhJTIwaHJlZiUzRCUyMiUyMyUyMiUyMGNsYXNzJTNEJTIydWstYWxlcnQtY2xvc2UlMjB1ay1jbG9zZSUyMiUzRSUzQyUyRmElM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NoMyUyMGNsYXNzJTNEJTIydWstbW9kdWxlLXRpdGxlJTIyJTNFV2UlMjBhcmUlMjBiZWNhdXNlJTIwb2YlMjB5b3UlM0MlMkZoMyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlM0VBbGwlMjBvZiUyMGFsbCUyMG91ciUyMGN1c3RvbWVycyUyMGFyZSUyMGhhcHB5JTIwd2l0aCUyMG91ciUyMGN1cnJlbnQlMjBhbmQlMjB1cGNvbWluZyUyMHByb2plY3RzLiUyMFRoZSUyMG90aGVyJTIwNSUyNSUyMGFyZSUyMGxlYXJuaW5nJTIwdGhlJTIwc2VjcmV0JTIwb2YlMjBhcHByZWNpYXRpbmclMjBnb29kJTIwc3R1ZmYuJTIwSXQlMjBpcyUyMHBvc3NpYmxlJTIwZm9yJTIweW91JTIwdG8lMjBkbyUyMHdoYXRldmVyJTIweW91JTIwY2hvb3NlJTJDJTIwaWYlMjB5b3UlMjBmaXJzdCUyMGdldCUyMHRvJTIwa25vdyUyMHdobyUyMHlvdSUyMGFyZSUzQyUyRnAlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0U=[\/vc_raw_html][vc_raw_html]JTNDaHIlM0U=[\/vc_raw_html][vc_custom_heading text=”BADGES” font_container=”tag:h2″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1452258239911{margin-top: 30px !important;}”][vc_column_text css=”.vc_custom_1452258287808{margin-bottom: 15px !important;}”]You can use badges to highlight a segment of text within your content by using the uk-badge<\/code> class[\/vc_column_text][vc_column_text css=”.vc_custom_1452258329168{margin-bottom: 40px !important;}”]<\/p>\n

new<\/div>\n
legend<\/div>\n
note<\/div>\n

[\/vc_column_text][vc_custom_heading text=”COLOR VARIATIONS” font_container=”tag:h2″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=””][vc_column_text css=”.vc_custom_1452258294098{margin-bottom: 15px !important;}”]You can change the color scheme of the badge by adding the following classes: uk-badge-success<\/code>, uk-badge-warning<\/code>, or uk-badge-danger<\/code>. You can also use the uk-badge-notification<\/code> class to have a rounded badge, normally used with numbering.[\/vc_column_text][vc_column_text css=”.vc_custom_1452258748946{margin-bottom: 30px !important;}”]<\/p>\n

new<\/div>\n
legend<\/div>\n
note<\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row animation=”” panel_style=”” css=”.vc_custom_1455679478830{margin-bottom: 50px !important;}”][vc_column][vc_custom_heading text=”ALERTS” font_container=”tag:h3″ use_theme_fonts=”yes” letter_spacing=” 1px” layout_style=”uk-module-title” align=”wp-celsius-heading-left” animation=””][vc_column_text css=”.vc_custom_1452257785501{margin-bottom: 15px !important;}”]To emphasize a point with an alert box, use the uk-alert class[\/vc_column_text][vc_column_text css=”.vc_custom_1452257814237{margin-bottom: 55px…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1978","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/1978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/comments?post=1978"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/1978\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/media?parent=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}