FAQ

Popular question: How to get out of outline mode in illustrator?

Furthermore, how do I change an outline to normal in Illustrator?

Considering this, how do you turn off an outline?

Select the text box or shape border that you want to remove.
Under Drawing Tools, on the Format tab, in the Shape Styles group, click Shape Outline, and then click No Outline.

Also, how do I turn off isolation mode in Illustrator? When you are finished editing the isolated object, click the arrow until the isolation bar disappears. As you edit, you’re “drilling down” into deeper levels of isolation, so you may have to click the arrow a few times to exit. Alternatively, you could also press the Esc key on your keyboard.

Frequent question, how do I remove the artboard border in Illustrator?

Using the CSS rule :focus { outline: none; } to remove an outline on an object causes the link or control to be focusable, but removes any visible indication of focus for keyboard users.

Contents

How do I remove input box border?

Answer: Use CSS outline property In Google Chrome browser form controls like , and <select> highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don’t like it you can easily remove this by setting their outline property to none .</p> <h2><span id="How_do_I_get_out_of_Outline_view_in_Word">How do I get out of Outline view in Word?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>Exiting Outline View in Microsoft Word Click “Close Outline View” in the ribbon. You’ll then see your outline in a collapsible and expandable format using print layout, web layout, or read mode in Word. Use the arrows next to the headings to collapse or expand the levels you created with the outline.</p> <h2><span id="How_do_I_exit_isolate_mode">How do I exit isolate mode?</span></h2> </p> <p>Press the esc key on your keyboard’s upper-left corner immediately exits isolation mode. You can also right-click (PC) or ctrl + click (Mac) the workspace and select Exit Isolation Mode. Another option is to click the Selection tool (the arrow on the toolbar) and double-click anywhere outside of the isolated item(s).</p> <h2><span id="What_is_isolation_mode">What is isolation mode?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>Adobe Illustrator’s Isolation Mode is usually used to edit individual objects within groups or sub-layers. When you’re in Isolation Mode, everything that isn’t selected will dim out so that you’re really focusing on what you are working on.</p> <h2><span id="How_do_you_undo_an_isolate_layer_in_Photoshop">How do you undo an isolate layer in Photoshop?</span></h2> </p> <p>If you don’t want a selected object to be part of your isolated layers, Ctrl-click/right-click on the layer’s name and choose Release from Isolation. To release all the layers at once, Option/Alt-click on the little red square in the panel, turning off all filtering.</p> <h2><span id="How_do_I_get_rid_of_the_red_outline_in_Illustrator">How do I get rid of the red outline in Illustrator?</span></h2> </p> <ol> <li>Step 1: Open the document with the issue.</li> <li>Step 2: Go to File > Document Setup ( Alt+Ctrl+P)</li> <li>Step 3: Change the bleeds to 0.</li> <li>Step 4: Click OK and the problem will be solved!</li> </ol> </p> <h2><span id="What_is_trim_View_in_Illustrator">What is trim View in Illustrator?</span></h2> </p> <p>Illustrator CC 2019 has a new Trim View, which is like InDesign’s Preview mode if you’re familiar with that app. Choose View > Trim View to hide guides and artwork that falls outside the artboard. While Trim View does not have a default keystroke, you can assign one in Edit > Keyboard Shortcuts.</p> <h2><span id="How_do_you_make_something_not_focusable">How do you make something not focusable?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>In order to make an prevent an element from taking focus (“non-focusable”), you need to use Javascript to watch for the focus and prevent the default interaction. In order to prevent an element from being tabbed to, use tabindex=-1 attribute. Adding tabindex=-1 will make any element focusable, even div elements.</p> <h2><span id="How_do_I_remove_the_default_border_of_input_on_focus">How do I remove the default border of input on focus?</span></h2> </p> <p>border:0; outline:none; box-shadow:none; This should do the trick.</p> <h2><span id="What_is_the_difference_between_outline_and_border_in_CSS">What is the difference between outline and border in CSS?</span></h2> </p> <p>Note: Outline differs from borders! Unlike border, the outline is drawn outside the element’s border, and may overlap other content. Also, the outline is NOT a part of the element’s dimensions; the element’s total width and height is not affected by the width of the outline.</p> <h2><span id="How_do_I_remove_the_border_from_a_text_box_in_CSS">How do I remove the border from a text box in CSS?</span></h2> </p> <p>Select the text box or shape border that you want to remove. Under Drawing Tools, on the Format tab, in the Shape Styles group, click Shape Outline, and then click No Outline.</p> <h2><span id="How_do_you_change_the_color_of_an_outline">How do you change the color of an outline?</span></h2> </p> <ol> <li>Select an object with an outline.</li> <li>Right-click a color on the onscreen color palette.</li> </ol> </p> <h2><span id="How_do_you_remove_a_border_in_HTML">How do you remove a border in HTML?</span></h2> </p> <p>Set the CSS border Property to none to Remove Border From a Table in HTML. We can set the border property to none to remove the border from an HTML table. The property is short-hand of different border properties. Those different properties are border-width , border-style and border-color .</p> <h2><span id="How_do_you_view_outlines_in_Illustrator">How do you view outlines in Illustrator?</span></h2> </p> <p><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/zStiMvUzkSI" data-id="zStiMvUzkSI" data-query="" data-alt=""></div><noscript><iframe style="width:100%;height:420px;" width="auto" height="auto" src="https://www.youtube.com/embed/zStiMvUzkSI"></iframe></noscript></p> <h2><span id="What_is_an_Outline_view">What is an Outline view?</span></h2> </p> <p>Outline view in PowerPoint displays your presentation as an outline made up of the titles and main text from each slide. Each title appears on the left side of the pane that contains the Outline tab, along with a slide icon and slide number. The main text is indented under the slide title.</p> <div class="crp_related crp-text-only"><h3>People also ask:</h3><ul><li><a href="https://www.thepicpedia.com/faq/you-asked-how-to-get-out-of-outline-mode-illustrator/" class="crp_link post-56225"><span class="crp_title">You asked: How to get out of outline mode illustrator?</span></a></li><li><a href="https://www.thepicpedia.com/faq/popular-question-photoshop-how-to-get-out-of-3d-mode/" class="crp_link post-51885"><span class="crp_title">Popular question: Photoshop how to get out of 3d mode?</span></a></li><li><a href="https://www.thepicpedia.com/faq/popular-question-photoshop-how-to-get-out-of-3d-mode-2/" class="crp_link post-51950"><span class="crp_title">Popular question: Photoshop how to get out of 3d mode?</span></a></li><li><a href="https://www.thepicpedia.com/faq/quick-answer-how-to-get-out-of-preview-mode-in-illustrator/" class="crp_link post-56251"><span class="crp_title">Quick Answer: How to get out of preview mode in illustrator?</span></a></li><li><a href="https://www.thepicpedia.com/faq/how-to-get-out-of-isolation-mode-in-illustrator/" class="crp_link post-56317"><span class="crp_title">How to get out of isolation mode in illustrator?</span></a></li><li><a href="https://www.thepicpedia.com/faq/how-to-get-out-of-isolation-mode-illustrator/" class="crp_link post-56369"><span class="crp_title">How to get out of isolation mode illustrator?</span></a></li></ul><div class="crp_clear"></div></div><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://www.thepicpedia.com/faq/frequent-question-how-to-delete-pdf-files/" target="_blank" rel="dofollow" class="u4ac49de06594c1ee3f54916e1f75c03c"><style> .u4ac49de06594c1ee3f54916e1f75c03c , .u4ac49de06594c1ee3f54916e1f75c03c .postImageUrl , .u4ac49de06594c1ee3f54916e1f75c03c .centered-text-area { min-height: 80px; position: relative; } .u4ac49de06594c1ee3f54916e1f75c03c , .u4ac49de06594c1ee3f54916e1f75c03c:hover , .u4ac49de06594c1ee3f54916e1f75c03c:visited , .u4ac49de06594c1ee3f54916e1f75c03c:active { border:0!important; } .u4ac49de06594c1ee3f54916e1f75c03c .clearfix:after { content: ""; display: table; clear: both; } .u4ac49de06594c1ee3f54916e1f75c03c { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #E67E22; } .u4ac49de06594c1ee3f54916e1f75c03c:active , .u4ac49de06594c1ee3f54916e1f75c03c:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #D35400; } .u4ac49de06594c1ee3f54916e1f75c03c .centered-text-area { width: 100%; position: relative; } .u4ac49de06594c1ee3f54916e1f75c03c .ctaText { border-bottom: 0 solid #fff; color: #ECF0F1; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u4ac49de06594c1ee3f54916e1f75c03c .postTitle { color: #2C3E50; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u4ac49de06594c1ee3f54916e1f75c03c .ctaButton { background-color: #D35400!important; color: #ECF0F1; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://www.thepicpedia.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .u4ac49de06594c1ee3f54916e1f75c03c:hover .ctaButton { background-color: #E67E22!important; } .u4ac49de06594c1ee3f54916e1f75c03c .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u4ac49de06594c1ee3f54916e1f75c03c .u4ac49de06594c1ee3f54916e1f75c03c-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u4ac49de06594c1ee3f54916e1f75c03c:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u4ac49de06594c1ee3f54916e1f75c03c-content"><span class="ctaText">See also</span> <span class="postTitle">Frequent question: How to delete pdf files?</span></div></div></div><div class="ctaButton"></div></a></div> <div class="stream-item stream-item-below-post-content"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> </div> <div id="post-extra-info"> <div class="theiaStickySidebar"> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2022-06-01T17:49:51+00:00","datePublished":"2022-06-01T17:49:51+00:00","dateModified":"2022-06-01T17:49:51+00:00","headline":"Popular question: How to get out of outline mode in illustrator?","name":"Popular question: How to get out of outline mode in illustrator?","keywords":[],"url":"https:\/\/www.thepicpedia.com\/faq\/popular-question-how-to-get-out-of-outline-mode-in-illustrator\/","description":"Furthermore, how do I change an outline to normal in Illustrator? Considering this, how do you turn off an outline? Select the text box or shape border that you want to remove. Under Drawing Tools, on","copyrightYear":"2022","articleSection":"FAQ","articleBody":"Furthermore, how do I change an outline to normal in Illustrator? Considering this, how do you turn off an outline? Select the text box or shape border that you want to remove. Under Drawing Tools, on the Format tab, in the Shape Styles group, click Shape Outline, and then click No Outline.Also, how do I turn off isolation mode in Illustrator? When you are finished editing the isolated object, click the arrow until the isolation bar disappears. As you edit, you're \"drilling down\" into deeper levels of isolation, so you may have to click the arrow a few times to exit. Alternatively, you could also press the Esc key on your keyboard.Frequent question, how do I remove the artboard border in Illustrator? Using the CSS rule :focus { outline: none; } to remove an outline on an object causes the link or control to be focusable, but removes any visible indication of focus for keyboard users.How do I remove input box border?Answer: Use CSS outline property In Google Chrome browser form controls like , and highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don't like it you can easily remove this by setting their outline property to none .How do I get out of Outline view in Word?Exiting Outline View in Microsoft Word Click \u201cClose Outline View\u201d in the ribbon. You'll then see your outline in a collapsible and expandable format using print layout, web layout, or read mode in Word. Use the arrows next to the headings to collapse or expand the levels you created with the outline.How do I exit isolate mode?Press the esc key on your keyboard's upper-left corner immediately exits isolation mode. You can also right-click (PC) or ctrl + click (Mac) the workspace and select Exit Isolation Mode. Another option is to click the Selection tool (the arrow on the toolbar) and double-click anywhere outside of the isolated item(s).What is isolation mode?Adobe Illustrator's Isolation Mode is usually used to edit individual objects within groups or sub-layers. When you're in Isolation Mode, everything that isn't selected will dim out so that you're really focusing on what you are working on.How do you undo an isolate layer in Photoshop?If you don't want a selected object to be part of your isolated layers, Ctrl-click\/right-click on the layer's name and choose Release from Isolation. To release all the layers at once, Option\/Alt-click on the little red square in the panel, turning off all filtering.How do I get rid of the red outline in Illustrator?Step 1: Open the document with the issue.Step 2: Go to File > Document Setup ( Alt+Ctrl+P)Step 3: Change the bleeds to 0.Step 4: Click OK and the problem will be solved!What is trim View in Illustrator?Illustrator CC 2019 has a new Trim View, which is like InDesign's Preview mode if you're familiar with that app. Choose View > Trim View to hide guides and artwork that falls outside the artboard. While Trim View does not have a default keystroke, you can assign one in Edit > Keyboard Shortcuts.How do you make something not focusable?In order to make an prevent an element from taking focus (\"non-focusable\"), you need to use Javascript to watch for the focus and prevent the default interaction. In order to prevent an element from being tabbed to, use tabindex=-1 attribute. Adding tabindex=-1 will make any element focusable, even div elements.How do I remove the default border of input on focus?border:0; outline:none; box-shadow:none; This should do the trick.What is the difference between outline and border in CSS?Note: Outline differs from borders! Unlike border, the outline is drawn outside the element's border, and may overlap other content. Also, the outline is NOT a part of the element's dimensions; the element's total width and height is not affected by the width of the outline.How do I remove the border from a text box in CSS?Select the text box or shape border that you want to remove. Under Drawing Tools, on the Format tab, in the Shape Styles group, click Shape Outline, and then click No Outline.How do you change the color of an outline?Select an object with an outline.Right-click a color on the onscreen color palette.How do you remove a border in HTML?Set the CSS border Property to none to Remove Border From a Table in HTML. We can set the border property to none to remove the border from an HTML table. The property is short-hand of different border properties. Those different properties are border-width , border-style and border-color .How do you view outlines in Illustrator?What is an Outline view?Outline view in PowerPoint displays your presentation as an outline made up of the titles and main text from each slide. Each title appears on the left side of the pane that contains the Outline tab, along with a slide icon and slide number. The main text is indented under the slide title.","publisher":{"@id":"#Publisher","@type":"Organization","name":"ThePicPedia","logo":{"@type":"ImageObject","url":"https:\/\/www.thepicpedia.com\/wp-content\/uploads\/2021\/10\/logo-picpedia-21-23.png"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.thepicpedia.com\/faq\/popular-question-how-to-get-out-of-outline-mode-in-illustrator\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"PicPediaNow","url":"https:\/\/www.thepicpedia.com\/author\/PicPediaNow\/"}}</script> </article> <div class="post-components"> </div> </div> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="Primary Sidebar"> <div class="theiaStickySidebar"> <div id="stream-item-widget-5" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://www.thepicpedia.com/wp-content/cache/min/1/0a/bf/8e/0abf8e01281b4b35594ac4ad440f69e0.js?ver=1669622695' defer></script></div><div class="clearfix"></div></div><div id="search-2" class="container-wrapper widget widget_search"><form role="search" method="get" class="search-form" action="https://www.thepicpedia.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form><div class="clearfix"></div></div><div id="stream-item-widget-3" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '6bba62dd3f38a9f11864dcf92b84d482', 'format' : 'iframe', 'height' : 300, 'width' : 160, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/6bba62dd3f38a9f11864dcf92b84d482/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div><div id="posts-list-widget-3" class="container-wrapper widget posts-list"><div class="widget-title the-global-title"><div class="the-subtitle">Trending</div></div><div class="widget-posts-list-wrapper"><div class="widget-posts-list-container" ><ul class="posts-list-items widget-posts-wrapper"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Make Obama’s Hope poster using Photoshop" href="https://www.thepicpedia.com/blog/tutorials/make-obamas-hope-poster-using-photoshop/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Make Obama's Hope poster using Photoshop" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637862789_Make-Obamas-Hope-poster-using-Photoshop-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637862789_Make-Obamas-Hope-poster-using-Photoshop-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Make Obama's Hope poster using Photoshop" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/tutorials/make-obamas-hope-poster-using-photoshop/">Make Obama’s Hope poster using Photoshop</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Red and Blue Effect with Photoshop" href="https://www.thepicpedia.com/blog/tutorials/red-and-blue-effect-with-photoshop/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Red and Blue Effect with Photoshop" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637859308_Red-and-Blue-Effect-with-Photoshop-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637859308_Red-and-Blue-Effect-with-Photoshop-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Red and Blue Effect with Photoshop" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/tutorials/red-and-blue-effect-with-photoshop/">Red and Blue Effect with Photoshop</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Work faster with Procreate by knowing these simple tips" href="https://www.thepicpedia.com/blog/work-faster-with-procreate-by-knowing-these-tips/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/work-faster-with-procreate-by-knowing-these-simple-tips-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/work-faster-with-procreate-by-knowing-these-simple-tips-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/work-faster-with-procreate-by-knowing-these-tips/">Work faster with Procreate by knowing these simple tips</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="9 secrets to make beautiful Instagram photos + 10 examples" href="https://www.thepicpedia.com/blog/9-secrets-to-make-beautiful-instagram-photos-10-examples/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/9-secrets-to-make-beautiful-instagram-photos-10-examples-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/9-secrets-to-make-beautiful-instagram-photos-10-examples-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/9-secrets-to-make-beautiful-instagram-photos-10-examples/">9 secrets to make beautiful Instagram photos + 10 examples</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Lightroom CC, Lightroom Classic or both? Which software to choose to manage your photos" href="https://www.thepicpedia.com/blog/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos/">Lightroom CC, Lightroom Classic or both? Which software to choose to manage your photos</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="How emoji can help create a more empathetic world, for all of us 💞" href="https://www.thepicpedia.com/blog/adobe/how-emoji-can-help-create-a-more-empathetic-world-for-all-of-us-%f0%9f%92%9e/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="How emoji can help create a more empathetic world, for all of us 💞" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1638217091_How-emoji-can-help-create-a-more-empathetic-world-for-220x150.png" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1638217091_How-emoji-can-help-create-a-more-empathetic-world-for-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="How emoji can help create a more empathetic world, for all of us 💞" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/adobe/how-emoji-can-help-create-a-more-empathetic-world-for-all-of-us-%f0%9f%92%9e/">How emoji can help create a more empathetic world, for all of us 💞</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Review of Filmora Wondershare 9" href="https://www.thepicpedia.com/blog/review-of-filmora-wondershare-9/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/review-of-filmora-wondershare-9-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/review-of-filmora-wondershare-9-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/review-of-filmora-wondershare-9/">Review of Filmora Wondershare 9</a> <div class="post-meta"> </div> </div> </li> </ul></div></div><div class="clearfix"></div></div><div id="stream-item-widget-4" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '6bba62dd3f38a9f11864dcf92b84d482', 'format' : 'iframe', 'height' : 300, 'width' : 160, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/6bba62dd3f38a9f11864dcf92b84d482/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div><div id="stream-item-widget-2" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div> </div> </aside> </div></div> <div class="container full-width related-posts-full-width"> <div class="tie-row"> <div class="tie-col-md-12"> <div id="related-posts" class="container-wrapper"> <div class="mag-box-title the-global-title"> <h3>Related Articles</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/you-asked-how-many-users-can-use-adobe-creative-cloud/">You asked: How many users can use adobe creative cloud?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-did-near-end-up-with-the-real-notebook/">How did near end up with the real notebook ?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-to-sound-like-an-old-man/">How to sound like an old man?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/best-answer-how-to-reset-photoshop-brushes/">Best answer: How to reset photoshop brushes?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/quick-answer-how-big-is-a-field-notes-size-travelers-notebook/">Quick Answer: How big is a field notes size traveler’s notebook ?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-to-draw-dotted-line-in-photoshop-2/">How to draw dotted line in photoshop?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-to-save-a-logo-in-illustrator-with-transparent-background/">How to save a logo in illustrator with transparent background?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/question-galileo-notebook-how-to-copy-and-paste/">Question: Galileo notebook how to copy and paste ?</a></h3> <div class="post-meta clearfix"></div> </div> </div> </div> </div> </div> </div> <div class="adsbygoogle Ad-Container sidebar-ad ad-slot" data-ad-manager-id="1" data-ad-module="1" data-ad-width="100" data-adblockkey="200" data-advadstrackid="1"> <div style="z-index:-1; height:0; width:1px; visibility: hidden; bottom: -1px; left: 0;"></div> </div> <div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div> </div> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first">ThePicPedia is a site that includes thousands of questions and answers about photos, videos, digital art, software used for those topics. So you'll learn how to use Photoshop, Lightroom, Canva, Adobe premier, filmora9, Snapseed, Clip Studio Paint, Ibis paint, Krita, and much more! You will find all the answers you are looking for here. Enjoy your visit!</div><div class="copyright-text copyright-text-second">© Copyright 2024, All Rights Reserved | <span style="color:red;" class="tie-icon-heart"></span> <a href="https://www.thepicpedia.com/" target="_blank" rel="nofollow noopener">ThePicPedia</a> </div><div class="footer-menu"><ul id="menu-mnu-footer" class="menu"><li id="menu-item-24787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24787"><a href="https://www.thepicpedia.com/about-us/">About us</a></li> <li id="menu-item-24786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24786"><a href="https://www.thepicpedia.com/privacy-policy-2/">-Privacy Policy-</a></li> <li id="menu-item-24791" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24791"><a href="https://www.thepicpedia.com/contact-us/">Contact us</a></li> </ul></div> </div> </div> </div> </div> </footer> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Back to top button</span> </a> </div> <aside class=" side-aside normal-side dark-skin dark-widgetized-area is-fullwidth appear-from-left" aria-label="Secondary Sidebar" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Close</span> </a> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://www.thepicpedia.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div> <div id="mobile-menu" class="hide-menu-icons"> </div> </div> </div> </aside> </div> </div> <div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Search"> <form method="get" class="tie-popup-search-form" action="https://www.thepicpedia.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="Search for" autocomplete="off" placeholder="Search for" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Search for</span> </button> </form> </div> </div> </div> <link rel='stylesheet' id='toc-screen-css' href='https://www.thepicpedia.com/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=2309' type='text/css' media='all' /> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.thepicpedia.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/www.thepicpedia.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"light","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"","select_share_twitter":"true","select_share_facebook":"true","select_share_linkedin":"true","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"true","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\">\n\t\t\t\t<div class=\"spinner\">\n\t\t\t\t\t<div class=\"bounce1\"><\/div>\n\t\t\t\t\t<div class=\"bounce2\"><\/div>\n\t\t\t\t\t<div class=\"bounce3\"> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>","type_to_search":"","lang_no_results":"Nothing Found","sticky_share_mobile":"","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="tie-scripts-js-after">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ jQuery.ajax({ type : "GET", url : "https://www.thepicpedia.com/wp-admin/admin-ajax.php", data : "postviews_id=56206&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); /* ]]> */ });</script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/cache/min/1/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=1664498106" id="tie-js-ilightbox-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/cache/min/1/wp-content/themes/jannah/assets/js/shortcodes.js?ver=1664498106" id="tie-js-shortcodes-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js" defer></script> <script type="text/javascript" id="toc-front-js-extra"> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2309" id="toc-front-js" defer></script> <script type="rocketlazyloadscript"> WebFontConfig ={ google:{ families: [ 'Lora::latin', 'Coustard:600,regular:latin', 'Karla::latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <div id="tie-popup-adblock" class="tie-popup is-fixed-popup"> <div class="tie-popup-container"> <div class="container-wrapper"> <span class="tie-adblock-icon tie-icon-ban" aria-hidden="true"></span> <h2>Adblock Detected</h2> <div class="adblock-message"> Please disable your ad blocker to be able to view the page content. For an independent site with free content, it's literally a matter of life and death to have ads. Thank you for your understanding! Thanks </div> </div> </div> </div> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.thepicpedia.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>