{"id":289,"date":"2018-11-19T13:40:48","date_gmt":"2018-11-19T13:40:48","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/?page_id=289"},"modified":"2018-11-19T14:59:51","modified_gmt":"2018-11-19T14:59:51","slug":"buttons","status":"publish","type":"page","link":"https:\/\/rockythemes.com\/nimva3\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row bg_attachment=&#8221;fixed&#8221; col_overlay=&#8221;rgba(255,255,255,0.81)&#8221; slider_deg=&#8221;180&#8243; css=&#8221;.vc_custom_1542638847357{border-bottom-width: 1px !important;padding-top: 4% !important;padding-bottom: 4% !important;background-image: url(https:\/\/rockythemes.com\/nimva3\/wp-content\/uploads\/2018\/11\/bg-hand.jpg?id=207) !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;border-radius: 1px !important;}&#8221;][vc_column]<div class=\"col_full center  \" ><h2 class=\"info-box\" style=\"font-size: 40px; line-height: 60px;color: #232323;\">Buttons Element<\/h2><div class=\"featured-qbox \" style=\"color: #232323;\"><p>You can easily add Button elements to any page you create. Click on Add element and select the Button Element from the Pop-up window.<br \/>\nYou will be able to customize your Button Element using the settings provided.<\/p>\n<\/div><\/div>[\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542639587880{padding-top: 60px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>Different Sizes<\/h2>\n<p>Each button can have a different size. Choose between: small, medium, large and Extra Large options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Small Button&#8221; icon=&#8221;fa-star&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Medium Button&#8221; icon=&#8221;fa-flag&#8221; color=&#8221;dark_red&#8221; size=&#8221;medium&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Large Button&#8221; icon=&#8221;fa-signal&#8221; color=&#8221;blue&#8221; size=&#8221;large&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Extra Large&#8221; icon=&#8221;fa-home&#8221; color=&#8221;orange&#8221; size=&#8221;extra_large&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;0&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column]<div class=\"separator  \" style=\"padding-top: 20px; padding-bottom: 20px; \" ><hr class=\"double_dotted\" ><\/div>[\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>Different Shape<\/h2>\n<p>Each button can have a different shape. Choose between: round, pill, and rectangle options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Square Button&#8221; icon=&#8221;fa-star&#8221; shape=&#8221;square&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Square Button&#8221; icon=&#8221;fa-recycle&#8221; color=&#8221;turquoise&#8221; shape=&#8221;square&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Square Button&#8221; icon=&#8221;fa-cloud-download&#8221; color=&#8221;light&#8221; shape=&#8221;square&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Round Button&#8221; icon=&#8221;fa-flag&#8221; color=&#8221;dark_red&#8221; size=&#8221;medium&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Round Button&#8221; icon=&#8221;fa-flask&#8221; color=&#8221;emerald&#8221; size=&#8221;medium&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Round Button&#8221; icon=&#8221;fa-users&#8221; color=&#8221;dark&#8221; size=&#8221;medium&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Pill Button&#8221; icon=&#8221;fa-signal&#8221; color=&#8221;blue&#8221; size=&#8221;large&#8221; shape=&#8221;pill&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Pill Button&#8221; icon=&#8221;fa-trophy&#8221; color=&#8221;amethyst&#8221; size=&#8221;large&#8221; shape=&#8221;pill&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Extra Large Pill&#8221; icon=&#8221;fa-home&#8221; color=&#8221;orange&#8221; size=&#8221;extra_large&#8221; shape=&#8221;pill&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Extra Large Pill&#8221; icon=&#8221;fa-desktop&#8221; color=&#8221;wet_asphalt&#8221; size=&#8221;extra_large&#8221; shape=&#8221;pill&#8221; font_weight=&#8221;&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;0&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column]<div class=\"separator  \" style=\"padding-top: 20px; padding-bottom: 20px; \" ><hr class=\"double_dotted\" ><\/div>[\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>Minimal Buttons<\/h2>\n<p>The actual colors of the minimal buttons can be set under Theme Options -&gt; Buttons. Each Minimal Button can have an icon assigned.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-star&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-recycle&#8221; color=&#8221;turquoise&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-cloud-download&#8221; color=&#8221;light&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-flag&#8221; color=&#8221;dark_red&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-flask&#8221; color=&#8221;emerald&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-users&#8221; color=&#8221;dark&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-signal&#8221; color=&#8221;blue&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-trophy&#8221; color=&#8221;amethyst&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-home&#8221; color=&#8221;orange&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-desktop&#8221; color=&#8221;wet_asphalt&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;0&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column]<div class=\"separator  \" style=\"padding-top: 20px; padding-bottom: 20px; \" ><hr class=\"double_dotted\" ><\/div>[\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;0&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>3D\u00a0Buttons<\/h2>\n<p>The actual colors of the minimal buttons can be set under Theme Options -&gt; Buttons. Each 3D\u00a0Button can have an icon assigned.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-star&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-recycle&#8221; color=&#8221;turquoise&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-cloud-download&#8221; color=&#8221;light&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-flag&#8221; color=&#8221;dark_red&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-flask&#8221; color=&#8221;emerald&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-users&#8221; color=&#8221;dark&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-signal&#8221; color=&#8221;blue&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-trophy&#8221; color=&#8221;amethyst&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-home&#8221; color=&#8221;orange&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button style=&#8221;3d&#8221; title=&#8221;3D Button&#8221; icon=&#8221;fa-desktop&#8221; color=&#8221;wet_asphalt&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;0&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221;][vc_column]<div class=\"separator  \" style=\"padding-top: 20px; padding-bottom: 20px; \" ><hr class=\"double_dotted\" ><\/div>[\/vc_column][\/vc_row][vc_row bg_attachment=&#8221;fixed&#8221; bg_patterns=&#8221;pattern51.png&#8221; video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;20&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542635195262{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2><span style=\"color: #fff;\">Transparent Light<\/span><\/h2>\n<p><span style=\"color: #c0c0c0;\">The Transparent Light button don&#8217;t have any fill color, just a border and the actual text.<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;]<div class=\"separator  \" style=\"padding-top: 15px; \" ><hr class=\"blank_divider\" ><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button title=&#8221;The Transparent Light Button 1&#8243; icon=&#8221;fa-sun-o&#8221; color=&#8221;transparent_light&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button title=&#8221;The Transparent Light Button 2&#8243; icon=&#8221;fa-moon-o&#8221; color=&#8221;transparent_light&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_attachment=&#8221;fixed&#8221; bg_patterns=&#8221;pattern4.jpg&#8221; video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;20&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542635374943{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>Transparent Dark<\/h2>\n<p>The Transparent Dark button don&#8217;t have any fill color, just a border and the actual text.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;]<div class=\"separator  \" style=\"padding-top: 15px; \" ><hr class=\"blank_divider\" ><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button title=&#8221;The Transparent Dark Button 1&#8243; icon=&#8221;fa-sun-o&#8221; color=&#8221;transparent_dark&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_button title=&#8221;The Transparent Dark Button 2&#8243; icon=&#8221;fa-moon-o&#8221; color=&#8221;transparent_dark&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;0&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542635645689{padding-top: 60px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>Inverse Colors Button<\/h2>\n<p>Allows you to use two buttons with complementary colors. The Hover color of one Button is the Default color of the other.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Red Button&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Red&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;]<div class=\"separator  \" style=\"padding-top: 5px; padding-bottom: 5px; \" ><hr class=\"blank_divider\" ><\/div>[vc_button title=&#8221;Amethyst Button&#8221; color=&#8221;amethyst&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Amethyst&#8221; color=&#8221;amethyst&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Turquise Button&#8221; color=&#8221;turquoise&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Turquise&#8221; color=&#8221;turquoise&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;]<div class=\"separator  \" style=\"padding-top: 5px; padding-bottom: 5px; \" ><hr class=\"blank_divider\" ><\/div>[vc_button title=&#8221;Orange Button&#8221; color=&#8221;orange&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Orange&#8221; color=&#8221;orange&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Blue Button&#8221; color=&#8221;blue&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Blue&#8221; color=&#8221;blue&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;]<div class=\"separator  \" style=\"padding-top: 5px; padding-bottom: 5px; \" ><hr class=\"blank_divider\" ><\/div>[vc_button title=&#8221;Wet Asphalt Button&#8221; color=&#8221;wet_asphalt&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Wet Asphalt&#8221; color=&#8221;wet_asphalt&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Emerald Button&#8221; color=&#8221;emerald&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Inverse Emerald&#8221; color=&#8221;emerald&#8221; button_inverse=&#8221;true&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542635338851{padding-top: 60px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]\n<h2>Positioning Buttons<\/h2>\n<p>Each button that you create can have a specific placement. Choose between: left, center or right positioning.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"title-outer pos_right \"  style=\"\"><h3 style=\"color: #2f2f2f; font-size: 16px;\">Right Aligned Buttons<\/h3><i class=\"fa fa-caret-down\" style=\"color: #2f2f2f; font-size: 21px;\"><\/i><\/div>[vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-star&#8221; align=&#8221;right&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-recycle&#8221; color=&#8221;turquoise&#8221; align=&#8221;right&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-desktop&#8221; color=&#8221;wet_asphalt&#8221; align=&#8221;right&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"title-outer pos_center \"  style=\"\"><h3 style=\"color: #2f2f2f; font-size: 16px;\">Center Aligned Buttons<\/h3><\/div>[vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-flag&#8221; color=&#8221;dark_red&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-flask&#8221; color=&#8221;emerald&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-wordpress&#8221; color=&#8221;light&#8221; align=&#8221;center&#8221; href=&#8221;#&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"title-outer pos_left \"  style=\"\"><h3 style=\"color: #2f2f2f; font-size: 16px;\">Left Aligned Buttons<\/h3><i class=\"fa fa-caret-down\" style=\"color: #2f2f2f; font-size: 21px;\"><\/i><\/div>[vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-signal&#8221; color=&#8221;blue&#8221; align=&#8221;left&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-trophy&#8221; color=&#8221;amethyst&#8221; align=&#8221;left&#8221; href=&#8221;#&#8221;][vc_button title=&#8221;Minimal Button&#8221; icon=&#8221;fa-home&#8221; color=&#8221;orange&#8221; align=&#8221;left&#8221; href=&#8221;#&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row bg_attachment=&#8221;fixed&#8221; col_overlay=&#8221;rgba(255,255,255,0.81)&#8221; slider_deg=&#8221;180&#8243; css=&#8221;.vc_custom_1542638847357{border-bottom-width: 1px !important;padding-top: 4% !important;padding-bottom: 4% !important;background-image: url(https:\/\/rockythemes.com\/nimva3\/wp-content\/uploads\/2018\/11\/bg-hand.jpg?id=207) !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;border-radius: 1px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542639587880{padding-top: 60px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Different Sizes Each button can have a different size. Choose between: small, medium, large and Extra Large options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Small Button&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full.php","meta":{"footnotes":""},"class_list":["post-289","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Buttons &#8211; Nimva 3 Theme<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rockythemes.com\/nimva3\/buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Buttons &#8211; Nimva 3 Theme\" \/>\n<meta property=\"og:description\" content=\"[vc_row bg_attachment=&#8221;fixed&#8221; col_overlay=&#8221;rgba(255,255,255,0.81)&#8221; slider_deg=&#8221;180&#8243; css=&#8221;.vc_custom_1542638847357{border-bottom-width: 1px !important;padding-top: 4% !important;padding-bottom: 4% !important;background-image: url(https:\/\/rockythemes.com\/nimva3\/wp-content\/uploads\/2018\/11\/bg-hand.jpg?id=207) !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;border-radius: 1px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542639587880{padding-top: 60px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Different Sizes Each button can have a different size. Choose between: small, medium, large and Extra Large options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Small Button&#8221; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rockythemes.com\/nimva3\/buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"Nimva 3 Theme\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-19T14:59:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/buttons\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/buttons\\\/\",\"name\":\"Buttons &#8211; Nimva 3 Theme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/#website\"},\"datePublished\":\"2018-11-19T13:40:48+00:00\",\"dateModified\":\"2018-11-19T14:59:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/buttons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/buttons\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/buttons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/#website\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/\",\"name\":\"Nimva 3 Theme\",\"description\":\"The ultimate premium theme for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/#organization\",\"name\":\"Nimva 3 WordPress Theme\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/logo-nimva3@2x1.png\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/logo-nimva3@2x1.png\",\"width\":200,\"height\":108,\"caption\":\"Nimva 3 WordPress Theme\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/nimva3\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buttons &#8211; Nimva 3 Theme","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rockythemes.com\/nimva3\/buttons\/","og_locale":"en_US","og_type":"article","og_title":"Buttons &#8211; Nimva 3 Theme","og_description":"[vc_row bg_attachment=&#8221;fixed&#8221; col_overlay=&#8221;rgba(255,255,255,0.81)&#8221; slider_deg=&#8221;180&#8243; css=&#8221;.vc_custom_1542638847357{border-bottom-width: 1px !important;padding-top: 4% !important;padding-bottom: 4% !important;background-image: url(https:\/\/rockythemes.com\/nimva3\/wp-content\/uploads\/2018\/11\/bg-hand.jpg?id=207) !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;border-radius: 1px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row video_bg=&#8221;false&#8221; margintop=&#8221;0&#8243; marginbottom=&#8221;0&#8243; paddingtop=&#8221;20&#8243; paddingbottom=&#8221;0&#8243; border_width=&#8221;0&#8243; border_color=&#8221;#e8e8e8&#8243; bg_repeat=&#8221;repeat&#8221; bg_stretch=&#8221;false&#8221; video_quality=&#8221;default&#8221; css=&#8221;.vc_custom_1542639587880{padding-top: 60px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Different Sizes Each button can have a different size. Choose between: small, medium, large and Extra Large options.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_button title=&#8221;Small Button&#8221; [&hellip;]","og_url":"https:\/\/rockythemes.com\/nimva3\/buttons\/","og_site_name":"Nimva 3 Theme","article_modified_time":"2018-11-19T14:59:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rockythemes.com\/nimva3\/buttons\/","url":"https:\/\/rockythemes.com\/nimva3\/buttons\/","name":"Buttons &#8211; Nimva 3 Theme","isPartOf":{"@id":"https:\/\/rockythemes.com\/nimva3\/#website"},"datePublished":"2018-11-19T13:40:48+00:00","dateModified":"2018-11-19T14:59:51+00:00","breadcrumb":{"@id":"https:\/\/rockythemes.com\/nimva3\/buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rockythemes.com\/nimva3\/buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rockythemes.com\/nimva3\/buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rockythemes.com\/nimva3\/"},{"@type":"ListItem","position":2,"name":"Buttons"}]},{"@type":"WebSite","@id":"https:\/\/rockythemes.com\/nimva3\/#website","url":"https:\/\/rockythemes.com\/nimva3\/","name":"Nimva 3 Theme","description":"The ultimate premium theme for WordPress","publisher":{"@id":"https:\/\/rockythemes.com\/nimva3\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rockythemes.com\/nimva3\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rockythemes.com\/nimva3\/#organization","name":"Nimva 3 WordPress Theme","url":"https:\/\/rockythemes.com\/nimva3\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/nimva3\/#\/schema\/logo\/image\/","url":"https:\/\/rockythemes.com\/nimva3\/wp-content\/uploads\/2018\/10\/logo-nimva3@2x1.png","contentUrl":"https:\/\/rockythemes.com\/nimva3\/wp-content\/uploads\/2018\/10\/logo-nimva3@2x1.png","width":200,"height":108,"caption":"Nimva 3 WordPress Theme"},"image":{"@id":"https:\/\/rockythemes.com\/nimva3\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/pages\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":7,"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/pages\/289\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/pages\/289\/revisions\/323"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/wp-json\/wp\/v2\/media?parent=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}