{"id":547,"date":"2018-04-16T15:39:08","date_gmt":"2018-04-16T19:39:08","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=547"},"modified":"2018-05-11T15:39:34","modified_gmt":"2018-05-11T19:39:34","slug":"its-not-transparent","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/its-not-transparent\/","title":{"rendered":"It\u2019s Not Transparent"},"content":{"rendered":"

Recently it was discovered that an image saved as type .JPG<\/strong> that has transparent sections in the image will not appear as transparent when displayed in the current portal content web part. \u00a0Rather, support has informed me that images with transparent sections must be saved as .PNG<\/strong> files instead. \u00a0I did not see that coming.
\n<\/span><\/p>\n

Note:\u00a0<\/strong>This only affects images that require some portion of the image to be transparent. \u00a0Therefore, it will not affect the vast majority of images displayed on your web pages.\u200b<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Recently it was discovered that an image saved as type .JPG that has transparent sections in the image will not appear as transparent when displayed in the current portal content web part. \u00a0Rather, support has informed me that images with transparent sections must be saved as .PNG files instead. \u00a0I did not see that coming. … <\/p>\n

Continue reading “It\u2019s Not Transparent”<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[36],"tags":[51],"class_list":["post-547","post","type-post","status-publish","format-standard","hentry","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-tips"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":549,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/sorting-within-the-document-container\/","url_meta":{"origin":547,"position":0},"title":"Sorting Within the Document Container","author":"Carlos Hernandez","date":"April 12, 2018","format":false,"excerpt":"Recently it was discovered that the \u200bSort by Column feature in the Display Settings of the Document Container did not actually sort the files or folders within the container.\u00a0 This information was passed on to SchoolMessenger.\u00a0 I recently received word that the bug has been found, fixed and the correction\u2026","rel":"","context":"In "SchoolMessenger News"","block_context":{"text":"SchoolMessenger News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-from-school-messenger-about-the-portal\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1307,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/all-img-elements-must-have-an-alt-attribute\/","url_meta":{"origin":547,"position":1},"title":"All IMG elements must have an ALT attribute","author":"Carlos Hernandez","date":"September 23, 2019","format":false,"excerpt":"While it is true that images added to a web page using the Image Manager button in the content editor menu will not currently allow you to add an image to a content area without entering text into the Alt-Text field, there are still many images throughout the portal where\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"Image Manager Button in Edit Menu","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/092019_1721_AllIMGeleme1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":510,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/annotating-images\/","url_meta":{"origin":547,"position":2},"title":"Annotating Images","author":"Carlos Hernandez","date":"March 14, 2018","format":false,"excerpt":"At a recent Open Lab, the question came up as to why we cannot add captions at the bottoms of all images. Perhaps they are thinking about captions that appear beneath images in many books and magazines. Or perhaps they noticed that captions are available at the bottom of the\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1467,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/style-and-image-sizing\/","url_meta":{"origin":547,"position":3},"title":"Style and Image Sizing","author":"Carlos Hernandez","date":"March 13, 2020","format":false,"excerpt":"If image sizing for web pages seems to be an area that confuses you, this blog post is for you. Automatically Optimize\u00a0Image\u00a0Sizes (Excerpted from the SchoolMessenger built-in help about image resizing.) Many\u00a0images\u00a0that you wish to use on your site are much larger than is necessary. For example, depending on the\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"Formula to calculate desired Image Height","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/03\/031020_1739_StyleandIma1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":585,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/issues-with-improperly-sized-banner-images\/","url_meta":{"origin":547,"position":4},"title":"Issues with Improperly Sized Banner Images","author":"Carlos Hernandez","date":"May 24, 2018","format":false,"excerpt":"(and how to fix them) First remember to resize images with the aspect ratio turned on.\u00a0 For the school banner, the aspect ratio is 680x305 or a factor of 2.23 horizontal pixels for every vertical pixel. I've talked before that if you have images in your school's rotating banner that\u2026","rel":"","context":"In "How-To"","block_context":{"text":"How-To","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-that-explains-how-to-perform-a-specific-activity\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":970,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/alt-text-in-news-articles\/","url_meta":{"origin":547,"position":5},"title":"Alt-Text in News Articles","author":"Carlos Hernandez","date":"February 15, 2019","format":false,"excerpt":"Recently the question has come up how to place alt-text on the image displayed by news content pages in the Data Summary portlets. There is no property line for this image called: Alt-Text. The 'trick' here is to remember that for image and even hyperlinks, the alt-text goes into an\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/547\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}