Post Card - Carousel Card | Avada Website Builder Tips

Carousel Card

Very simple layout specifically for creating a news carousel. If you don’t have limited in place for excerpt text I would not include it as it causes the layout to shift, but it is included here for demonstration purposes.

The elements

Main container
- 10px border radius
- Box shadow
Image element with image set with a 16:9 aspect ratio
Nested 1/1 column
- Padding:16px
- Title
- Meta – category, author, reading time
- Content element set to excerpt

Taking Full Advantage of the Avada Image Element

Categories: CustomizationBy Stephen Walker0.9 min read

Using CSS to overcome a major shortcoming of the image element,

Avada 7.11.7

Categories: Avada UpdatesBy Stephen Walker1.9 min read

New update features security enhancements and fixes.

Avada 7.11.6 Released

Categories: Avada UpdatesBy Stephen Walker1.4 min read

The Avada team has released another unexpected update, with 18 targeted changes and improvements.

Carousel Card Code

Copy to Clipboard

[fusion_builder_column type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="space-evenly" valign_content="flex-start" content_wrap="wrap" spacing="" center_content="no" link="" target="_self" min_height="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" background_image_id="" type_medium="" type_small="" order_medium="0" order_small="0" spacing_left_medium="" spacing_right_medium="" spacing_left_small="" spacing_right_small="" spacing_left="" spacing_right="" margin_top_medium="" margin_bottom_medium="" margin_top_small="" margin_bottom_small="" margin_top="" margin_bottom="0px" padding_top_medium="" padding_right_medium="" padding_bottom_medium="" padding_left_medium="" padding_top_small="" padding_right_small="" padding_bottom_small="" padding_left_small="" padding_top="" padding_right="" padding_bottom="" padding_left="" hover_type="none" border_sizes_top="" border_sizes_right="" border_sizes_bottom="" border_sizes_left="" border_color="" border_style="solid" border_radius_top_left="10px" border_radius_top_right="10px" border_radius_bottom_right="10px" border_radius_bottom_left="10px" box_shadow="yes" box_shadow_vertical="34px" box_shadow_horizontal="0" box_shadow_blur="28" box_shadow_spread="-20" box_shadow_color="rgba(0,0,0,0.15)" box_shadow_style="" background_type="single" gradient_start_color="" gradient_end_color="" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" background_color="#ffffff" background_image="" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="" filter_type="regular" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" last="true" border_position="all" first="true"][fusion_post_card_image layout="static" show_title="yes" show_cats="yes" show_price="yes" show_rating="yes" show_sale="no" show_outofstock="no" show_buttons="yes" image_link="yes" image_link_target="_self" image_link_custom="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" border_radius_top_left="" border_radius_top_right="" border_radius_bottom_right="" border_radius_bottom_left="" crossfade_bg_color="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" /][fusion_builder_row_inner][fusion_builder_column_inner type="1_1" layout="1_1" align_self="stretch" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" spacing="" center_content="no" link="" target="_self" min_height="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" background_image_id="" type_medium="" type_small="" order_medium="0" order_small="0" spacing_left_medium="" spacing_right_medium="" spacing_left_small="" spacing_right_small="" spacing_left="" spacing_right="" margin_top_medium="" margin_bottom_medium="" margin_top_small="" margin_bottom_small="" margin_top="" margin_bottom="" padding_top_medium="" padding_right_medium="" padding_bottom_medium="" padding_left_medium="" padding_top_small="" padding_right_small="" padding_bottom_small="" padding_left_small="" padding_top="16px" padding_right="16px" padding_bottom="16px" padding_left="16px" hover_type="none" border_sizes_top="" border_sizes_right="" border_sizes_bottom="" border_sizes_left="" border_color="" border_style="solid" border_radius_top_left="" border_radius_top_right="" border_radius_bottom_right="" border_radius_bottom_left="" box_shadow="no" box_shadow_vertical="" box_shadow_horizontal="" box_shadow_blur="0" box_shadow_spread="0" box_shadow_color="" box_shadow_style="" background_type="single" gradient_start_color="" gradient_end_color="" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" background_color="" background_image="" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="" filter_type="regular" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" last="true" border_position="all" first="true"][fusion_title title_type="text" rotation_effect="bounceIn" display_time="1200" highlight_effect="circle" loop_animation="off" highlight_width="9" highlight_top_margin="0" before_text="" rotation_text="" highlight_text="" after_text="" title_link="on" link_url="" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" content_align_medium="" content_align_small="" content_align="left" size="2" font_size="24px" animated_font_size="" fusion_font_family_title_font="" fusion_font_variant_title_font="" line_height="1.55em" letter_spacing="" text_shadow="no" text_shadow_vertical="" text_shadow_horizontal="" text_shadow_blur="0" text_shadow_color="" margin_top_medium="" margin_right_medium="" margin_bottom_medium="" margin_left_medium="" margin_top_small="" margin_right_small="" margin_bottom_small="" margin_left_small="" margin_top="" margin_right="" margin_bottom="0" margin_left="" margin_top_mobile="" margin_bottom_mobile="" text_color="" animated_text_color="" gradient_font="no" gradient_start_color="" gradient_end_color="" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" highlight_color="" style_type="default" sep_color="" link_color="" link_hover_color="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" dynamic_params="eyJlbGVtZW50X2NvbnRlbnQiOnsiZGF0YSI6InBvc3RfdGl0bGUiLCJlbGVtZW50X2NvbnRlbnQiOiI8cD5Zb3VyIENvbnRlbnQgR29lcyBIZXJlPC9wPiIsImluY2x1ZGVfY29udGV4dCI6Im5vIiwiYmVmb3JlIjoiIiwiYWZ0ZXIiOiIiLCJmYWxsYmFjayI6IiJ9LCJsaW5rX3VybCI6eyJkYXRhIjoicG9zdF9wZXJtYWxpbmsiLCJsaW5rX3VybCI6IiIsImJlZm9yZSI6IiIsImFmdGVyIjoiIiwiZmFsbGJhY2siOiIifX0="]

Your Content Goes Here

[/fusion_title][fusion_tb_meta meta="categories,author,read_time" layout="floated" separator="" read_time="200" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" alignment="flex-start" stacked_vertical_align="flex-start" stacked_horizontal_align="flex-start" height="30" font_size="" text_color="" link_color="" text_hover_color="" background_color="" border_top="" border_right="" border_bottom="" border_left="" border_color="rgba(226,226,226,0)" padding_top="" padding_right="" padding_bottom="" padding_left="" margin_top="" margin_right="" margin_bottom="" margin_left="" item_background_color="" item_border_top="" item_border_right="" item_border_bottom="" item_border_left="" item_border_color="" item_padding_top="" item_padding_right="" item_padding_bottom="" item_padding_left="" item_margin_top="" item_margin_right="" item_margin_bottom="" item_margin_left="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" /][fusion_tb_content excerpt="yes" excerpt_length="10" strip_html="yes" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" content_alignment="left" font_size="" fusion_font_family_text_font="" fusion_font_variant_text_font="" line_height="" letter_spacing="" text_color="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" /][/fusion_builder_column_inner][/fusion_builder_row_inner][/fusion_builder_column]

Taking Full Advantage of the Avada Image Element

Avada 7.11.7

Official Avada Resources

Taking Full Advantage of the Avada Image Element

Avada 7.11.7

Official Avada Resources

Post Card – Carousel Card

Carousel Card

Taking Full Advantage of the Avada Image Element

Avada 7.11.7

Avada 7.11.6 Released

Carousel Card Code

This site is…

ABOUT COOKIES

THIRD PARTY EMBEDS

TRACKING COOKIES