{"id":6946,"date":"2018-01-16T03:50:16","date_gmt":"2018-01-16T03:50:16","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=6946"},"modified":"2026-03-09T15:39:12","modified_gmt":"2026-03-09T09:39:12","slug":"post-slider","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/post-slider\/","title":{"rendered":"Post Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6946\" class=\"elementor elementor-6946\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7951576 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"7951576\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cffdaea elementor-widget elementor-widget-heading\" data-id=\"cffdaea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Default Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-508c779 elementor-widget elementor-widget-text-editor\" data-id=\"508c779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Here we show post slider default example. Here you can set content position as top-left, top-center,top-right, center, center-left, enter-right, bottom-left, bottom center and bottom right etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb58fb1 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"fb58fb1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f61b9f elementor-widget elementor-widget-heading\" data-id=\"4f61b9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skin (Hazel) Example\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dcfc79 elementor-widget elementor-widget-text-editor\" data-id=\"7dcfc79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we are presented post slider skin Hazel, if you want you can set as your need any overlay style from here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-588229b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"588229b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48203c3 elementor-widget elementor-widget-heading\" data-id=\"48203c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skin (Hazel) Color Example\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb69db elementor-widget elementor-widget-text-editor\" data-id=\"bfb69db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we are presented post slider skin Hazel color, if you want you can set as your need any overlay style from here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b27470 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"2b27470\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac56fed elementor-widget elementor-widget-heading\" data-id=\"ac56fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skin (Vast) Example\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8be45bd elementor-widget elementor-widget-text-editor\" data-id=\"8be45bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we are presented post slider overlay none, background and blend, if you want you can set as your need any overlay style from here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b384ac1 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"b384ac1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc45f4d elementor-widget elementor-widget-heading\" data-id=\"dc45f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Color Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f55443 elementor-widget elementor-widget-text-editor\" data-id=\"7f55443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Hey guys, in this part we have presented Post Slider Tag, Title, Description text and Meta color example.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04c38a3 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"04c38a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14d8471 elementor-widget elementor-widget-heading\" data-id=\"14d8471\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Content Width (630) Example\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b039afb elementor-widget elementor-widget-text-editor\" data-id=\"b039afb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Actually we are presented post slider content width 630 pixel from here, if you want you can set content width as your need<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96572f2 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"96572f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e4285a elementor-widget elementor-widget-heading\" data-id=\"1e4285a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Center Align Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06ca7b3 elementor-widget elementor-widget-text-editor\" data-id=\"06ca7b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we have shown Post Slider content alignment option left, right and center, if you want you can set as your need.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cab011 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"8cab011\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f70f6e2 elementor-widget elementor-widget-heading\" data-id=\"f70f6e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pagination Thumb Hide Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a03dfe2 elementor-widget elementor-widget-text-editor\" data-id=\"a03dfe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Actually we are presented here post slider pagination thumbnail image hide, if you want you can show or hide item pagination image as your need.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1722303 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"1722303\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40c718b elementor-widget elementor-widget-heading\" data-id=\"40c718b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Thumb Border Radius Example\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e726da elementor-widget elementor-widget-text-editor\" data-id=\"0e726da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we are presented post slider thumbnail image\u00a0border, if you want you can set border style solid, dashed, double, dotted, border color, border width and radius here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-275fe2e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"275fe2e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a65438 elementor-widget elementor-widget-heading\" data-id=\"5a65438\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Button Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4da2118 elementor-widget elementor-widget-text-editor\" data-id=\"4da2118\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Here we are presented post slider with Button, if you want you can show or hide Read More Button as your need. Also you can set button with icon background color and hover style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bc1f85 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"6bc1f85\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-898dae3 elementor-widget elementor-widget-heading\" data-id=\"898dae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kenburns Animation Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cbd73b elementor-widget elementor-widget-text-editor\" data-id=\"8cbd73b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we are presented post slider full width view, if you want you can set full width section layout tab\u00a0content fullwidth from here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb0680b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"eb0680b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d38539d elementor-widget elementor-widget-heading\" data-id=\"d38539d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Overlay Blend Example\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a27983 elementor-widget elementor-widget-text-editor\" data-id=\"1a27983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In this part we are presented post slider overlay none, background and blend, if you want you can set as your need any overlay style from here.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4315aa4 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"4315aa4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dfbb8e elementor-widget elementor-widget-heading\" data-id=\"0dfbb8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Animation Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df6e038 elementor-widget elementor-widget-text-editor\" data-id=\"df6e038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Here we are presented post slider animation slide, fade, scale, push and pull. Also you can get\u00a0animation auto play, pause hover on\/off and animation speed.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Default Example Here we show post slider default example. Here you can set content position as top-left, top-center,top-right, center, center-left, enter-right, bottom-left, bottom center and bottom right etc. car clean home A Closer Look at AdWords\u2019 Update to Keyword Phasellus justo lacus, mattis at elit eu, laoreet vestibulum mi. Fusce consectetur nec ligula non fermentum. Selim Rana On May 27, 2018 effort save time Save Time and Effort with Facebook Saved Audiences Donec dignissim, odio eget consectetur suscipit, libero lectus dignissim tellus, nec tristique felis velit a risus. Selim Rana On September 26, 2017 design responsive web Responsive Web Design: The Answer of Today and Tomorrow Integer feugiat mauris dapibus velit gravida gravida. In feugiat, orci a sagittis bibendum, magna lectus placerat leo.. Selim Rana On September 26, 2017 comparion game shopping Are Comparison Shopping Engines Game Changers Nam id felis ut turpis lobortis ornare sed et nibh. Quisque pretium vulputate elit. Mauris feugiat euismod rutrum. Selim Rana On September 26, 2017 A Closer Look at AdWords\u2019 Update to Keyword May 27, 2018 Save Time and Effort with Facebook Saved Audiences September 26, 2017 Responsive Web Design: The Answer of Today and Tomorrow September 26, 2017 Are Comparison Shopping Engines [&hellip;]<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6946","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/6946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=6946"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/6946\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=6946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}