Featured Articles Carousel

To add this section, please follow below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Featured Articles Carousel".

Section settings

General

SettingsMeaning

Section Width

Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).

Padding Container Full Width

Determine the left and right spacing of the Full Width layout.

Background Color

The background color of the section.

Background Gradient

The background gradient of the section.

Title

Enter in the title for the section.

Title Font Size

Specify the font size of the title.

Title Margin Bottom

Determine the spacing of the title from bottom.

Title Color

Apply a color to the title of the section.

Description

Enter the text for the description.

Description Color

Apply a color to the description.

Button

Enter the text for the button.

Button Link

Enter URL for the button to redirect to.

Color

The text color of the button.

Border Color

The border color of the button.

Background Color

The background color of the button.

Background Gradient

The background gradient of the button.

Hover / Active Color

The text color of the button for hover state.

Hover / Active Border Color

The border color of the button for hover state.

Hover / Active Background Color

The background color of the button for hover state.

Hover / Active Background Gradient

The background gradient of the button for hover state.

Blog

SettingsMeaning

Select Blog

Select Blog to show.

Grid Gap

Determines the gap between items.

Posts Limit

Limit the number of post to show.

Posts Content Description Limit

Limit the description word count to truncate.

Title Spacing Bottom

Determines the spacing of the title from bottom.

Info Margin Bottom

Determines the spacing of the info from bottom.

Description Margin Bottom

Determines the spacing of the description from bottom.

Title Blog Color

Apply a color to the title blog of the item.

Date Blog Color

Apply a color to the date blog of the item.

Description Blog Color

Apply a color to the description blog of the item.

Show Description

Display the blog description.

Enable Arrows?

Toggle to show arrows for slider.

Enable Dots

Toggle to show dots in slide.

Spacing Top

SettingsMeaning

Desktop

Determines the spacing of the section from its top sections on Desktop.

Tablet

Determines the spacing of the section from its top sections on Tablet.

Mobile

Determines the spacing of the section from its top sections on Mobile.

Spacing Bottom

SettingsMeaning

Desktop

Determines the spacing of the section from its bottom sections on Desktop.

Tablet

Determines the spacing of the section from its bottom sections on Tablet.

Mobile

Determines the spacing of the section from its bottom sections on Mobile.

Last updated