[{"data":1,"prerenderedAt":172},["ShallowReactive",2],{"help-\u002Fhelp\u002Fstudio-layers-and-arranging":3,"help-related-\u002Fhelp\u002Fstudio-layers-and-arranging":132},{"id":4,"title":5,"body":6,"category":120,"description":121,"extension":122,"meta":123,"navigation":124,"order":125,"path":126,"product":127,"seo":128,"stem":129,"updated":130,"__hash__":131},"help\u002Fhelp\u002Fstudio-layers-and-arranging.md","Layers and arranging",{"type":7,"value":8,"toc":111},"minimark",[9,14,23,26,45,49,60,64,82,86,97,101],[10,11,13],"h2",{"id":12},"the-layers-panel","The Layers panel",[15,16,17,18,22],"p",{},"Open ",[19,20,21],"strong",{},"Layers"," to see every item on the page, top item first. Click one to select it, even if it's hidden behind something.",[15,24,25],{},"For each item you can:",[27,28,29,36,42],"ul",{},[30,31,32,35],"li",{},[19,33,34],{},"Hide"," it with the eye. It stays in the design but isn't drawn or downloaded. Select it from the list to show it again.",[30,37,38,41],{},[19,39,40],{},"Lock"," it with the padlock, so a click on the page goes through to what's underneath. Useful for a background you don't want to nudge.",[30,43,44],{},"Drag it up or down in the list to change what's in front.",[10,46,48],{"id":47},"select-whats-underneath","Select what's underneath",[15,50,51,52,55,56,59],{},"If something is covered, ",[19,53,54],{},"Alt+click"," (or press and hold on a phone) the spot. Each click selects the next item down. ",[19,57,58],{},"Tab"," moves between items on the page.",[10,61,63],{"id":62},"in-front-and-behind","In front and behind",[15,65,66,67,70,71,70,74,77,78,81],{},"Select an item and use ",[19,68,69],{},"Bring to front",", ",[19,72,73],{},"Bring forward",[19,75,76],{},"Send backward"," or ",[19,79,80],{},"Send to back"," in the bar.",[10,83,85],{"id":84},"group-things","Group things",[15,87,88,89,92,93,96],{},"Select several items and choose ",[19,90,91],{},"Group"," to move and resize them as one. ",[19,94,95],{},"Ungroup"," takes them apart again.",[10,98,100],{"id":99},"duplicate-and-delete","Duplicate and delete",[15,102,103,106,107,110],{},[19,104,105],{},"Duplicate"," makes a copy right on the page. ",[19,108,109],{},"Delete"," (or the Delete key) removes the selected item.",{"title":112,"searchDepth":113,"depth":113,"links":114},"",2,[115,116,117,118,119],{"id":12,"depth":113,"text":13},{"id":47,"depth":113,"text":48},{"id":62,"depth":113,"text":63},{"id":84,"depth":113,"text":85},{"id":99,"depth":113,"text":100},"Studio","Select things that are covered up, lock or hide them, and change what's in front.","md",{},true,60,"\u002Fhelp\u002Fstudio-layers-and-arranging","studio",{"title":5,"description":121},"help\u002Fstudio-layers-and-arranging",null,"Rr6gy5f84Nti-oHudy4jjm0NaQBjwkcx3VNQn6TlqFs",[133,136,139,142,145,148,151,154,157,160,163,166,169],{"path":134,"title":135},"\u002Fhelp\u002Fstudio-first-design","Make your first design",{"path":137,"title":138},"\u002Fhelp\u002Fstudio-use-a-template","Use a template",{"path":140,"title":141},"\u002Fhelp\u002Fstudio-colors-and-fonts","Colors and fonts",{"path":143,"title":144},"\u002Fhelp\u002Fstudio-pictures-and-uploads","Add pictures and your own photos",{"path":146,"title":147},"\u002Fhelp\u002Fstudio-text-shapes-and-qr-codes","Add text, shapes and QR codes",{"path":149,"title":150},"\u002Fhelp\u002Fstudio-download","Download your design",{"path":152,"title":153},"\u002Fhelp\u002Fstudio-make-a-video","Make a video",{"path":155,"title":156},"\u002Fhelp\u002Fstudio-music-and-voiceover","Add music and a voiceover",{"path":158,"title":159},"\u002Fhelp\u002Fstudio-build-with-ai","Build with AI",{"path":161,"title":162},"\u002Fhelp\u002Fstudio-make-a-logo","Make a logo",{"path":164,"title":165},"\u002Fhelp\u002Fstudio-credits-and-costs","Credits and what things cost",{"path":167,"title":168},"\u002Fhelp\u002Fstudio-whats-free","What's free and what's included",{"path":170,"title":171},"\u002Fhelp\u002Fstudio-save-and-find-designs","Save and find your designs",1794015213210]