{"id":119,"date":"2012-12-23T18:29:00","date_gmt":"2012-12-23T18:29:00","guid":{"rendered":"http:\/\/catchthemes.com\/demo\/catchbox-pro\/?page_id=119"},"modified":"2012-12-23T18:30:42","modified_gmt":"2012-12-23T18:30:42","slug":"image-test","status":"publish","type":"page","link":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/image-test\/","title":{"rendered":"Image Test"},"content":{"rendered":"

Captioned Images<\/h2>\n
\"\"<\/a>
This is large size image<\/figcaption><\/figure>\n

Image Alignment Tests: Un-Captioned Images<\/h2>\n

Center-align, no caption<\/h3>\n

Center-aligned image with no caption, and text before and after. \"\" ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Left-align, no caption<\/h3>\n

\"\" Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Right-align, no caption<\/h3>\n

Right-aligned image with no caption, and text before and after. \"\" Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

No alignment, no caption<\/h3>\n

None-aligned image with no caption, and text before and after. \"\" Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

<\/p>\n

Image Alignment Tests: Captioned Images<\/h2>\n

Center-align with Caption<\/h3>\n

Center-aligned image with caption, and text before and after.

\"\"<\/a>
A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Left-align with caption<\/h3>\n

Left-aligned image with caption, and text before and after.

\"\"<\/a>
A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Right-align with caption<\/h3>\n

Right-aligned image with caption, and text before and after.

\"\"<\/a>
A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

No alignment, with caption<\/h3>\n

None-aligned image with caption, and text before and after.

\"\"<\/a>
A picture is worth a thousand words<\/figcaption><\/figure> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

<\/p>\n

Other Image Tests<\/h2>\n

Wide Image, Resized In Editor<\/h3>\n

Image is 980x653px, resized in editor to 329×222.<\/p>\n

\"test-image-landscape-900\"<\/p>\n

Wide Image, Not Resized<\/h3>\n

Image is 980x422px, not resized in editor, and does not overflow outside of the content area.
\n\"\"<\/a><\/p>\n

Image Thumbnails<\/h3>\n

\"\"\"\"<\/p>\n

<\/p>\n

Clearing Floats<\/h2>\n

The last item in this post is a floated image. Make sure any elements after it are clearing properly.<\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Captioned Images Image Alignment Tests: Un-Captioned Images Center-align, no caption Center-aligned image with no caption, and text before and after. ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio Continue ReadingImage Test<\/span>→<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/pages\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":4,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/pages\/119\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox-pro\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}