{"id":6255,"date":"2017-12-13T14:36:26","date_gmt":"2017-12-13T14:36:26","guid":{"rendered":"http:\/\/qantumthemes.xyz\/manuals\/fluid\/?post_type=ht_kb&#038;p=6255"},"modified":"2017-12-13T14:36:59","modified_gmt":"2017-12-13T14:36:59","slug":"2-3-website-background","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/kentha\/knowledge-base\/2-3-website-background\/","title":{"rendered":"2.3 Website background"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6256 alignleft\" src=\"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-15.16.01.png\" alt=\"\" width=\"365\" height=\"626\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-15.16.01.png 365w, https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-15.16.01-175x300.png 175w, https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-15.16.01-29x50.png 29w, https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-15.16.01-320x549.png 320w\" sizes=\"(max-width: 365px) 100vw, 365px\" \/><\/p>\n<ul>\n<li><strong>Default page background:<\/strong> used as default background for every page where there is no custom background specified. The background image stays below the video and is used as background when no video is provided and in mobile devices.<\/li>\n<li><strong>Default YouTube background:<\/strong> you can specify the ID of a youtube video to use in every page as background. It can be customized for singular pages, overriding this global setting. Please don&#8217;t add the full url, just the video ID.Example: to use this video<br \/>\nhttps:\/\/www.youtube.com\/watch?v=<strong>XYZ123<\/strong><br \/>\ncopy the video ID:\u00a0\u00a0<strong>XYZ123<\/strong><\/li>\n<li>Fade out background on scroll: if enabled, the background will fade out to the background color for a cleaner reading, while scrolling. This option can be changed for every single page, post or any special post type.<\/li>\n<li>Darken page background: if your backgorund pictures or videos are too light and the readability is poor, you can fix this function from 0 to 90% of opacity.<br \/>\nThis parameter is the opacity of a black layer that is on top of your background picture or video.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 id=\"its-strongly-recommended-to-use-video-backgrounds-on-a-per-page-basis-avoiding-the-global-video-setting-for-a-smoother-navigation-experience\" >It&#8217;s strongly recommended to use video backgrounds on a per-page basis, avoiding the global video setting, for a smoother navigation experience.<\/h3>\n<h2 id=\"faq\" >FAQ:<\/h2>\n<ul>\n<li><strong>Best background image resolution? <\/strong><br \/>\n1600x900px, max 250Kb file size. Optimized for visual and performance. Will be cropped vertically in mobile.<\/li>\n<li><strong>Background texts are cropped?<\/strong><br \/>\nYou are <strong>NOT<\/strong> supposed to add <strong>any<\/strong> text to the backgorund iamges, those are <strong>backgrounds<\/strong>, <strong>not contents,<\/strong> they have a decorative purpose, and they are cropped in responsive mode.<\/li>\n<li><strong>Video background optimization:<\/strong><br \/>\nVideos are forcefully loaded in 720p resolution, this optimizes performance and quality. A higher video quality, as highlighted from our extensive testing, consumes all the GPU of the computer, <strong>making the overall website rendering buggy and decreasing the framerate.<\/strong> So, we forced a 720p as max resolution.<br \/>\nFor lower bandwidth connections YouTube will automatically provide a lower quality video.<\/li>\n<li><strong>I see the video in bad quality:<\/strong><br \/>\nthis is caused by a slow connection. We force the quality to 720, if you see it pixelated, YouTube is sending you a smaller video because otherwise you couldn&#8217;t see it at all. This is NOT a theme bug, nor something we can fix for you. Just try from a decent connection.<\/li>\n<li><strong>I don&#8217;t see the video, appears blocked:<\/strong><br \/>\nnot every video can be used, some have copyright or territory restrictions. You should use your own videos form your own YouTube channel.<\/li>\n<li><strong>Can I use Vimeo\/MP4?<\/strong><br \/>\nNo, this is not possible, at all, <span style=\"text-decoration: underline;\"><strong>and please don&#8217;t ask<\/strong><\/span>. This theme aims at one of the most important features of this decade: performance. The more extensive compatibility we add, the heavier the theme will be. Assing Vimeo, mp4 or other sources, even if possible, would increase the loading time of the page of several seconds. So, only Youtube is allowes as video backgorunds. You can still add any vimeo video in the page contents.<\/li>\n<li><span style=\"color: #ff0000;\"><strong>I don&#8217;t see the video on iPad, iPhone, or mobile in general:<\/strong><\/span><br \/>\n<strong>NO, video backgorund is totally blocked on any mobile, and we did in on purpose, to guarantee the quality of your website.<\/strong><br \/>\nEven thou it may technically work on very few devices, people would be SUPER annoyed if every time they enter your site from mobile it sucks all their data to display a background, plus is blocked by default on 90% of the modern devices. Ergo, upload a picture as fallback for mobile. We recommend uploading a screenshot of the video, even for a smoother video intro effect, as we do in our demo 1.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[624],"ht_kb_tag":[634,633,631,632],"class_list":["post-6255","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-2-theme-customizations","ht_kb_tag-background","ht_kb_tag-customizations","ht_kb_tag-video-background","ht_kb_tag-video-youtube"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb\/6255"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/comments?post=6255"}],"version-history":[{"count":0,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb\/6255\/revisions"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/media?parent=6255"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb_category?post=6255"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb_tag?post=6255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}