Blog Slider

1 - Prestep

You have to make sure ENABLE THIS SECTION FIRST

  • Go to Blog > Theme settings > Blog pages > Enable blog slider

  • You can go to Blog > Sections > Blog Slider

1 - General settings

1.1 - Blog

  • Choose blog to show post

1.2 - Articles per page

1.3 - Date format

  • Different format options display for various languages.

1.4 - Articles columns on desktop, tablet, mobile

How many articles you want to show per row

1.5 - Show author, date

2 - Slider settings

2.1 - Use loop

At the end of cells, wrap-around to the other end for infinite scrolling.

2.2 - Autoplay Speed in second.

Set is '0' to disable autoplay.

2.3 - Pause Autoplay On Hover

Auto-playing will pause when the user hovers over the carousel.

3 - Prev next button, page dot settings

3.1 - Prev next button

3.1.1 -Enable Prev Next Button

Creates and enables previous & next buttons.

3.1.2 - Visible

3.1.3 - Style

3.1.4 - Color

Result:

3.2 - Page Dot

3.2.1 - Enable Page Dot

3.2.2 - Style

3.2.3 - Color

Result:

4 - Color aticles design

4.1 - Color text

4.2 - Color text 2

4.3 - Background color

Result:

5 - Design image

5.1 - Use equal height images

5.2 - Aspect Ratio

Aspect Ratio Custom will settings in General panel.

5.3 - Image size

5.4 - Image Position

The first value is the horizontal position and the second value is the vertical.

6 - Design option

From The4

Hope you success!!