{"id":3813,"date":"2020-08-01T02:06:25","date_gmt":"2020-08-01T02:06:25","guid":{"rendered":"https:\/\/essentials.pixfort.com\/knowledge-base\/?p=3813"},"modified":"2022-05-29T22:17:04","modified_gmt":"2022-05-29T22:17:04","slug":"how-to-make-a-slides-page","status":"publish","type":"post","link":"https:\/\/essentials.pixfort.com\/knowledge-base\/how-to-make-a-slides-page\/","title":{"rendered":"How to make a Slides page"},"content":{"rendered":"
[vc_row pix_particles_check=””][vc_column][vc_column_text css=”.vc_custom_1630882168077{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.05) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.05) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.05) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}”]<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1630882241162{padding-top: 10px !important;}”][vc_column][vc_column_text]Transform your page to Slides beautiful effect following these simple steps:[\/vc_column_text]
Enable section slides from page options<\/p><\/div>
Set Section Name<\/p><\/div>[vc_column_text css=”.vc_custom_1623857120848{margin-bottom: 40px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.05) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.05) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.05) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}”]Important:<\/strong> Make sure that all the content of your page is added inside separate Sections<\/strong> (not Rows) in WPBakery page builder.[\/vc_column_text][\/vc_column][\/vc_row][vc_row pix_particles_check=”” css=”.vc_custom_1630882241162{padding-top: 10px !important;}”][vc_column] Then to set section name in Elementor, open the Setting panel<\/strong> for each Section<\/strong> in your page and set the Section Name<\/strong>, this name will appear in the bullet anchors on the right side of screen, for example:[\/vc_column_text] Set Section Name<\/p><\/div>[\/vc_column][\/vc_row][vc_row disable_element=”yes” pix_particles_check=”” css=”.vc_custom_1653862429365{padding-top: 10px !important;}”][vc_column] To set section name in Elementor you will need to have the Pro paid version, and to set the section name in Elementor Pro, open the Setting Settings<\/strong> to Advanced<\/strong> tab for each Section<\/strong> in your page and open Attributes<\/strong> option to set the Section name <\/strong>as\u00a0following:<\/p>\n Note: make sure to write data-section-name<\/strong> and followed by the separator |<\/strong> then write any name to the section.<\/p>\n This name will appear in the bullet anchors on the right side of screen.[\/vc_column_text] Set Section Name<\/p><\/div>[\/vc_column][\/vc_row][vc_section pix_over_visibility=””][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"[vc_row pix_particles_check=””][vc_column][vc_column_text css=”.vc_custom_1630882168077{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.05) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.05) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.05) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}”] Note: the Slides…","protected":false},"author":1,"featured_media":3886,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,60],"tags":[50,59,83,77,82,65],"yoast_head":"\nUsing Elementor<\/h5>
Using Elementor (old)<\/h5>
data-section-name|Section name<\/pre>\n