ActionBox

[us_cta title=”This site has {{post_count}} published posts” title_tag=”h3″ color=”light” btn_label=”CLICK ME ONE” btn_link=”url:%23″ second_button=”1″ btn2_label=”CLICK ME TWO” btn2_link=”url:%23″ btn2_style=”7″ button_label=”Click Me” button_link=”#” button_color=”primary” button_type=”raised” button_size=”big” target1=”_self” target2=”_self”]

The title above has a dynamic {{post_count}} value, which shows the current amount of published posts.

[/us_cta][us_separator][us_cta title=”ActionBox with customized Design settings” title_tag=”h3″ color=”light” btn_label=”CLICK ME ONE” btn_link=”url:%23″ btn_style=”1″ second_button=”1″ btn2_label=”CLICK ME TWO” btn2_link=”url:%23″ btn2_style=”2″ button_label=”Contrast Button” button_link=”#” button_color=”contrast” button_type=”raised” button_size=”big” button_iconpos=”right” target1=”_self” target2=”_self” css=”%7B%22default%22%3A%7B%22background-color%22%3A%22_content_bg%22%2C%22border-radius%22%3A%220.8rem%22%2C%22box-shadow-h-offset%22%3A%220%22%2C%22box-shadow-v-offset%22%3A%226px%22%2C%22box-shadow-blur%22%3A%2220px%22%2C%22box-shadow-color%22%3A%22rgba%280%2C0%2C0%2C0.20%29%22%7D%7D” controls=”bottom”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.[/us_cta][us_separator][us_cta title=”ActionBox with Primary background color” title_tag=”h3″ btn_label=”CLICK ME” btn_link=”url:%23″ btn_style=”4″ btn_size=”18px” btn_icon=”far|user-plus” button_label=”Click Me” button_link=”#” button_color=”white” button_type=”raised” button_icon=”mdfi_social_group_add” button_iconpos=”right” target1=”_self” target2=”_self”][/us_cta][us_separator][us_cta title=”ActionBox with Custom colors” title_tag=”h3″ color=”light” controls=”bottom” btn_label=”click me” btn_link=”url:%23″ btn_size=”18px” btn_icon=”far|hand-pointer” button_label=”Flat Button” button_link=”#” button_color=”white” button_type=”flat” button_size=”big” button_icon=”mdfi_navigation_arrow_forward” target1=”_self” target2=”_self” css=”%7B%22default%22%3A%7B%22color%22%3A%22%23000000%22%2C%22background-color%22%3A%22%23ffd323%22%7D%7D” btn_style=”11″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.[/us_cta]

[us_cta title=”Fullwidth ActionBox with Alternate background color” color=”light” btn_label=”click me” btn_link=”url:%23″ btn_style=”7″ btn_size=”18px” button_label=”Click Me” button_link=”#” button_color=”secondary” button_type=”raised” button_size=”big” button_icon=”mdfi_editor_attach_money” target1=”_self” target2=”_self”]Quisque sed ante facilisis, pellentesque mi et, tincidunt orci. Vivamus sagittis a massa eget mollis. In hac habitasse platea dictumst. Fusce in neque nec mauris placerat posuere. Curabitur felis neque, faucibus quis semper eu, aliquam et nisl.[/us_cta]
[us_cta title=”Fullwidth ActionBox with Secondary background color” color=”secondary” btn_label=”WHITE BUTTON” btn_link=”url:%23″ btn_style=”4″ button_label=”White Button” button_link=”#” button_color=”white” button_type=”raised” button_size=”big” button_iconpos=”right” target1=”_self” target2=”_self”][/us_cta]
[us_cta title=”Fullwidth ActionBox with Custom colors” color=”custom” text_color=”#444444″ btn_label=”CONTRAST BUTTON” btn_link=”url:%23″ btn_style=”11″ button_label=”Contrast Button” button_link=”#” button_color=”contrast” button_type=”raised” button_size=”big” button_icon=”mdfi_maps_local_play” target1=”_self” target2=”_self” css=”%7B%22default%22%3A%7B%22padding-top%22%3A%220%22%2C%22padding-right%22%3A%220%22%2C%22padding-bottom%22%3A%220%22%2C%22padding-left%22%3A%220%22%7D%7D”]Quisque sed ante facilisis, pellentesque mi et, tincidunt orci. Vivamus sagittis a massa eget mollis. In hac habitasse platea dictumst. Fusce in neque nec mauris placerat posuere. Curabitur felis neque, faucibus quis semper eu, aliquam et nisl.[/us_cta]