Vertical Timeline (Default Design)

Vertical Timeline Layout (Default Design)

Explore this default vertical timeline demo displaying stories from top to bottom, with a vertical timeline shortcode option to add the same layout anywhere on your website.

Default Skin- (Default Design)

Step 9
Sun Protection & Night Care
Sun Protection & Night Care

During the day, apply sunscreen as the final step to protect your skin from harmful UV rays and prevent aging…
Read More

Shortcode (Above timeline uses this shortcode) :-

				
					[cool-timeline layout="default" designs="design-1" skin="default" category="skin-care" based="custom" story-content="short" show-posts="4" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-1" filters="no" line-filling="true" read-more="show" content-length="20" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]
				
			

Dark Skin - (Default Design)

Step 9
Sun Protection & Night Care
Sun Protection & Night Care

During the day, apply sunscreen as the final step to protect your skin from harmful UV rays and prevent aging and dark spots. At night, skip sunscreen and focus on repair using a nourishing night cream or sleeping mask to

Shortcode (Above timeline uses this shortcode) :-

				
					[cool-timeline layout="default" designs="design-1" skin="dark" category="skin-care" based="custom" story-content="short" show-posts="4" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-1" filters="no" line-filling="false" read-more="hide" content-length="40" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="disable" equal-height="false" show-image="show" image-size="large"]
				
			

Light Skin (Default Design)

Step 1
Cleanse Skin
face-cleanser

Start with a gentle cleanser to remove dirt, oil, sweat, and makeup from your skin. Cleansing helps keep pores clean and prepares your skin for the next steps. Use a mild cleanser that suits your skin type and avoid harsh rubbing.

Shortcode (Above timeline uses this shortcode) :-
				
					[cool-timeline layout="default" designs="design-1" skin="light" category="skin-care" based="custom" story-content="short" show-posts="4" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="DESC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-1" filters="no" line-filling="true" read-more="show" content-length="50" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]