{"id":44159,"date":"2023-07-18T15:00:14","date_gmt":"2023-07-18T15:00:14","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=44159"},"modified":"2024-05-05T15:44:45","modified_gmt":"2024-05-05T15:44:45","slug":"customize-osd-ubuntu-gnome","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2023\/07\/customize-osd-ubuntu-gnome\/","title":{"rendered":"Change OSD Pop-up Position in Ubuntu 24.04 | 22.04"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-34682\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-300x300.png 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-600x600.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-768x768.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Want to configure the OSD (on-screen display) pop-up in Ubuntu and other Linux with GNOME? There&#8217;s an extension to do the job in GNOME 42 ~ 44.<\/p>\n<p>When changing volume, screen brightness, device status (e.g., Bluetooth), etc via keyboard shortcuts in GNOME, there will be on-screen pop-ups indicate the status changes.<\/p>\n<p>By default, these pop-ups occur in bottom center of screen and hide automatically in 1 seconds.<\/p>\n<div id=\"attachment_44160\" style=\"width: 329px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/gnome-osd.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44160\" class=\"size-full wp-image-44160\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/gnome-osd.webp\" alt=\"\" width=\"319\" height=\"239\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/gnome-osd.webp 319w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/gnome-osd-300x225.webp 300w\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" \/><\/a><p id=\"caption-attachment-44160\" class=\"wp-caption-text\">GNOME OSD<\/p><\/div>\n<p><!--more--><\/p>\n<p>If you use &#8220;Just Perfection&#8221; extension, then you can find options to enable\/disable OSD, and\/or change its location on screen.<\/p>\n<p>In this tutorial, I&#8217;m going to introduce &#8220;<a href=\"https:\/\/github.com\/neuromorph\/custom-osd\" target=\"_blank\" rel=\"noopener\">Custom OSD<\/a>&#8221; that can do:<\/p>\n<ul>\n<li>Move OSD to any <b>screen position<\/b> through horizontal \/ vertical percentage.<\/li>\n<li><b>Increase\/Decrease OSD size<\/b>.<\/li>\n<li>Configure <b>how long the pop-up being displayed<\/b>.<\/li>\n<li>Enable <b>background transparency<\/b>.<\/li>\n<\/ul>\n<p>As you see in the screenshot below, advanced users can also edit the CSS file to adjust background color, transparency, padding, and shadow parameters.<\/p>\n<div id=\"attachment_44161\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-configuration.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44161\" class=\"size-large wp-image-44161\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-configuration-600x550.webp\" alt=\"\" width=\"600\" height=\"550\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-configuration-600x550.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-configuration-300x275.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-configuration.webp 762w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-44161\" class=\"wp-caption-text\">Custom OSD configuration page<\/p><\/div>\n<h3>How to Install Custom OSD extension<\/h3>\n<p>For <b>Ubuntu 22.04<\/b> and <b>Ubuntu 24.04<\/b>, firstly search for and install &#8220;<b>Extension Manager<\/b>&#8221; from Ubuntu Software or App Center.<\/p>\n<div id=\"attachment_44419\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44419\" class=\"size-large wp-image-44419\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp\" alt=\"\" width=\"600\" height=\"425\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-300x212.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-768x544.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp 989w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-44419\" class=\"wp-caption-text\">Install Extension Manager in Ubuntu Software\/App Center<\/p><\/div>\n<p>Then, launch &#8220;Extension Manager&#8221;, navigate to &#8216;browse&#8217; tab, and finally search and install &#8216;Custom OSD&#8217; extension.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-em.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44162\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-em-600x466.webp\" alt=\"\" width=\"600\" height=\"466\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-em-600x466.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-em-300x233.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-em-768x596.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-em.webp 909w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Once installed, go back &#8216;Installed&#8217; tab in Extension Manager and click on gear icon for that extension to start configuring your on-screen display pop-ups.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-prefs.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44163\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-prefs-600x365.webp\" alt=\"\" width=\"600\" height=\"365\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-prefs-600x365.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-prefs-300x183.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-prefs-768x468.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-prefs.webp 1194w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>As mentioned, the extension works in GNOME from version 42 to 44. So, it should also works in <b>Debian 12<\/b>, <b>Fedora 37\/38<\/b>, <b>Arch<\/b>, etc with GNOME. In these Linux, you just need to go to the link below:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/6142\/custom-osd\/\" target=\"_blank\" rel=\"noreferrer noopener\">Custom OSD<\/a><\/div>\n<\/div>\n<p>Then, use the ON\/OFF toggle to install\/remove the extension. <i>NOTE: If you don&#8217;t see the toggle switch, install browse extension via the link in that page and refresh it!<\/i><\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-browser.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44164\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-browser-600x350.webp\" alt=\"\" width=\"600\" height=\"350\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-browser-600x350.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-browser-300x175.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-browser-768x448.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/custom-osd-browser.webp 1210w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Want to configure the OSD (on-screen display) pop-up in Ubuntu and other Linux with GNOME? There&#8217;s an extension to do the job in GNOME 42 ~ 44. When changing volume, screen brightness, device status (e.g., Bluetooth), etc via keyboard shortcuts in GNOME, there will be on-screen pop-ups indicate the status changes. By default, these pop-ups [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-44159","post","type-post","status-publish","format-standard","hentry","category-howtos","tag-gnome"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/44159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=44159"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/44159\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=44159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=44159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=44159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}