{"id":33988,"date":"2019-03-04T11:22:58","date_gmt":"2019-03-04T11:22:58","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33988"},"modified":"2022-08-03T07:15:36","modified_gmt":"2022-08-03T07:15:36","slug":"parallax-section","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/parallax-section\/","title":{"rendered":"Parallax section"},"content":{"rendered":"
\n\t
\n\t\t
\n
<\/div>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt elit et eros commodo, laoreet iaculis risus lobortis. Ut eget cursus nisi. Maecenas egestas, nunc gravida rutrum porttitor, ante ligula luctus erat, non vehicula massa mauris et ante. Mauris a vulputate sapien. Aenean sagittis tellus vitae mi viverra, sed venenatis nibh fringilla. Suspendisse vel suscipit elit, vel ultricies sem. Suspendisse elementum risus ut efficitur feugiat.<\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt elit et eros commodo, laoreet iaculis risus lobortis. Ut eget cursus nisi. Maecenas egestas, nunc gravida rutrum porttitor, ante ligula luctus erat, non vehicula massa mauris et ante. Mauris a vulputate sapien. Aenean sagittis tellus vitae mi viverra, sed venenatis nibh fringilla. Suspendisse vel suscipit elit, vel ultricies sem. Suspendisse elementum risus ut efficitur feugiat.<\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
This shortcode is available in Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n
Description<\/h2>\n\n\n\n
This shortcode allows you to create content sections with parallax effect.<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
background<\/strong>
Section background color<\/small><\/td>		#HEX color<\/td>#ffffff<\/td><\/tr>
image<\/strong>
Select background image for this section. Example value: http:\/\/lorempixel.com\/1200\/600\/abstract\/<\/small><\/td>		The URL of uploaded file<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
background_position<\/strong>
This option determines position of the background image<\/small><\/td>		left top (Left Top)
center top (Center Top)
right top (Right Top)
left center (Left Center)
center center (Center Center)
right center (Right Center)
left bottom (Left Bottom)
center bottom (Center Bottom)
right bottom (Right Bottom)<\/td>		left top<\/td><\/tr>
fullwidth<\/strong>
Set this option to Yes to stretch section to full page width (not just content part). This option requires single-column page template.<\/small><\/td>		yes or no<\/td>no<\/td><\/tr>
parallax<\/strong>
Enable parallax effect. Parallax effect may not work in Live preview mode<\/small><\/td>		yes or no<\/td>yes<\/td><\/tr>
cover<\/strong>
Enable cover mode for background image. Image will fit into the section<\/small><\/td>		yes or no<\/td>yes<\/td><\/tr>
max_width<\/strong>
Maximum width for this section content (px)<\/small><\/td>		Number from 0 to 1600<\/td>960<\/td><\/tr>
margin<\/strong>
Section margin (px), [top right bottom left]<\/small><\/td>		Any text value<\/td>0px 0px 0px 0px<\/td><\/tr>
padding<\/strong>
Section padding (px), [top right bottom left]<\/small><\/td>		Any text value<\/td>30px 0px 30px 0px<\/td><\/tr>
border<\/strong>
Top and bottom section borders<\/small><\/td>		CSS border shorthand property<\/td>1px solid #cccccc<\/td><\/tr>
color<\/strong>
Section text color<\/small><\/td>		#HEX color<\/td>#333333<\/td><\/tr>
text_align<\/strong>
Text alignment for panel content<\/small><\/td>		left (Left)
center (Center)
right (Right)<\/td>		left<\/td><\/tr>
text_shadow<\/strong>
Pick a shadow for section text<\/small><\/td>		CSS box\/text-shadow shorthand property<\/td>0 1px 10px #ffffff<\/td><\/tr>
url<\/strong>
You can type here any hyperlink to make this section clickable<\/small><\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
target<\/strong>
Choose link target<\/small><\/td>		self (Open link in same window\/tab)
blank (Open link in new window\/tab)<\/td>		blank<\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/small><\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Photo by Neven Krcmarek<\/a><\/p>\n","protected":false},"featured_media":36679,"template":"","docs_category":[21],"class_list":["post-33988","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36679"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33988"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}