[{"data":1,"prerenderedAt":40},["ShallowReactive",2],{"ls-connection":3,"support-article-design-cover-and-media":5},{"connected":4},false,{"article":6,"alternates":34},{"feature":7,"category":8,"locale":9,"slug":10,"title":11,"lede":12,"purpose":13,"steps":15,"notes":28,"generatedFrom":32,"updated":33},"cover-media","design","en","cover-and-media","Choose a cover image and reposition it","Add a cover from your library or free Pexels media, then set its focal point.",[14],"The cover is the full-width image at the top of the page — it also doubles as the preview when the page is shared on social media. You pick it from your library or from Pexels' free media, and you decide which part of the image stays visible once it is cropped.",[16,19,22,25],{"text":17,"image":18},"On step 3 · Design, click the hero (or a Cover section) in the preview: its settings panel opens on the right.","\u002Fsupport\u002Fcover-media\u002Fen\u002Fstep-1.webp",{"text":20,"image":21},"Under “Cover”, stay on the “Library” tab to choose a saved asset, or use the “+” tile to import a new one.","\u002Fsupport\u002Fcover-media\u002Fen\u002Fstep-2.webp",{"text":23,"image":24},"Switch to the “Stock” tab to search free Pexels photos and videos: filter by media type, orientation and color, then click a result to apply it.","\u002Fsupport\u002Fcover-media\u002Fen\u002Fstep-3.webp",{"text":26,"image":27},"Once a cover is chosen, use “Cover position” just below: drag the handle up or down to set the crop, or click “Reset to center”. You can also drag the handle right on the cover in the preview.","\u002Fsupport\u002Fcover-media\u002Fen\u002Fstep-4.webp",[29,30,31],"The cover is also the share image (preview on social networks and search engines) — favor a sharp, well-framed image.","The crop is vertical only: the cover is a wide band, so the handle sets the visible height (horizontal stays centered).","Pexels media is re-hosted automatically and credited to Pexels; a video cover loops muted.","SectionPropertyEditor.vue · MediaSourcePicker.vue · StockMediaPicker.vue · CoverPositionPicker.vue \u002F CoverRepositionGrip.vue · i18n stockPhotos.* \u002F wizard.editor.coverPosition*","July 16, 2026",[35,38],{"hreflang":36,"path":37},"fr","\u002Fsupport\u002Fdesign\u002Fvisuel-et-medias",{"hreflang":9,"path":39},"\u002Fsupport\u002Fdesign\u002Fcover-and-media",1785510224735]