Option 1: Shortcode + CSS
Shortcode
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
[section label="Instagram Feed 1-1" class="instagram-feed-1-1" padding="0px"] [row style="collapse" col_bg="#31b999" v_align="middle" h_align="center"] [col span="8" span__sm="12" span__md="12"] [ux_instagram_feed username="byrawpixel" photos="12" caption="0" type="slider" columns="4" columns__md="4" slider_nav_style="simple" slider_nav_color="light" auto_slide="3000"] [/col] [col span="4" span__sm="12" span__md="12" padding="20px 0px 0px 0px"] [row_inner style="collapse" h_align="center"] [col_inner span="10" span__sm="8" span__md="12" align="center"] [button text="Follow Rawpixel" letter_case="lowercase" color="white" style="link" icon="icon-instagram" icon_pos="left" link="https://www.instagram.com/byrawpixel/" target="_blank"] [/col_inner] [/row_inner] [/col] [/row] [/section] |
CSS
1 2 3 |
.instagram-feed-1-1 .row { background:#31b999; /* Choose your color */ } |
Option 2: Shortcode
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
[section label="Instagram Feed 1-2" bg_overlay="rgb(49, 185, 153)" padding="0px"] [row style="collapse" v_align="middle" h_align="center"] [col span="8" span__sm="12" span__md="12"] [ux_instagram_feed username="byrawpixel" photos="12" caption="0" type="slider" columns="4" columns__md="4" slider_nav_style="simple" slider_nav_color="light" auto_slide="3000"] [/col] [col span="4" span__sm="12" span__md="12" padding="20px 0px 0px 0px"] [row_inner style="collapse" h_align="center"] [col_inner span="10" span__sm="8" span__md="12" align="center"] [button text="Follow Rawpixel" letter_case="lowercase" color="white" style="link" icon="icon-instagram" icon_pos="left" link="https://www.instagram.com/byrawpixel/" target="_blank"] [/col_inner] [/row_inner] [/col] [/row] [/section] |
Option 3: Shortcode
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
[section label="Instagram Feed 1-3" bg_overlay="rgb(49, 185, 153)" padding="0px"] [row style="collapse" width="full-width" v_align="middle" h_align="center"] [col span="8" span__sm="12" span__md="12"] [ux_instagram_feed username="byrawpixel" photos="12" caption="0" type="slider" columns="4" columns__md="4" slider_nav_style="simple" slider_nav_color="light" auto_slide="3000"] [/col] [col span="4" span__sm="12" span__md="12" padding="20px 0px 0px 0px"] [row_inner style="collapse" h_align="center"] [col_inner span="10" span__sm="8" span__md="12" align="center"] [button text="Follow Rawpixel" letter_case="lowercase" color="white" style="link" icon="icon-instagram" icon_pos="left" link="https://www.instagram.com/byrawpixel/" target="_blank"] [/col_inner] [/row_inner] [/col] [/row] [/section] |