{"id":33982,"date":"2019-03-04T11:09:15","date_gmt":"2019-03-04T11:09:15","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33982"},"modified":"2022-08-03T07:15:24","modified_gmt":"2022-08-03T07:15:24","slug":"photo-panel","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/photo-panel\/","title":{"rendered":"Photo panel"},"content":{"rendered":"\n

This shortcode is available in Shortcodes Ultimate Pro<\/a><\/p>\n\n\n

\n\t
\n\t\t
\n
\"\"<\/div>\n
This is photo panel<\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
\"\"<\/div>
This is photo panel<\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
\n
\n
\n
\n
\"\"<\/div>\n
This is photo panel<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\"\"<\/div>\n
This is photo panel<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\"\"<\/div>\n
This is photo panel<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
\n
\n
\"\"<\/div>
This is photo panel<\/div><\/div>\n<\/div><\/div>\n
\n
\"\"<\/div>
This is photo panel<\/div><\/div>\n<\/div><\/div>\n
\n
\"\"<\/div>
This is photo panel<\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
Description<\/h2>\n\n\n\n
This shortcode allows you to create beautiful panels with a large photo on top.<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
background<\/strong>
Panel background color<\/td>		#HEX color<\/td>#ffffff<\/td><\/tr>
color<\/strong>
Panel text color<\/td>		#HEX color<\/td>#333333<\/td><\/tr>
border<\/strong>
Panel border<\/td>		CSS border shorthand property<\/td>1px solid #cccccc<\/td><\/tr>
shadow<\/strong>
Panel shadow<\/td>		CSS box\/text-shadow shorthand property<\/td>0 1px 2px #eeeeee<\/td><\/tr>
radius<\/strong>
Panel border radius (px)<\/td>		Number from 0 to 60<\/td>0<\/td><\/tr>
text_align<\/strong>
Text alignment for panel content<\/td>		left (Left)
center (Center)
right (Right)<\/td>		left<\/td><\/tr>
photo<\/strong>
Select the photo for this panel<\/td>		The URL of uploaded file<\/td>http:\/\/lorempixel.com\/400\/300\/food\/<\/td><\/tr>
alt<\/strong>
Alternative image text (alt attribute)<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
url<\/strong>
You can type here any hyperlink to make this panel clickable<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Photos by Matt Palmer<\/a><\/p>\n","protected":false},"featured_media":36680,"template":"","docs_category":[21],"class_list":["post-33982","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33982","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\/36680"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33982"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}