[{"data":1,"prerenderedAt":273},["ShallowReactive",2],{"article-\u002Fwebsite-builder\u002Ftext-image-and-media-blocks":3,"surround-\u002Fwebsite-builder\u002Ftext-image-and-media-blocks":268},{"id":4,"title":5,"body":6,"category":257,"description":258,"extension":259,"meta":260,"navigation":261,"order":262,"path":263,"seo":264,"stem":265,"updated":266,"__hash__":267},"docs\u002Fwebsite-builder\u002Ftext-image-and-media-blocks.md","Text, image and media blocks",{"type":7,"value":8,"toc":249},"minimark",[9,24,29,36,64,67,73,77,88,116,119,163,170,174,196,222,227,231],[10,11,12,13,17,18,23],"p",{},"Text and media do most of the talking on a photography site. Both live in ordinary components you add from the ",[14,15,16],"strong",{},"Add Component"," panel; see ",[19,20,22],"a",{"href":21},"\u002Fwebsite-builder\u002Fadd-and-arrange-blocks","Add and arrange blocks"," if you haven't placed a block yet.",[25,26,28],"h2",{"id":27},"text-blocks","Text blocks",[10,30,31,32,35],{},"Double-click a Text block (or select it and click ",[14,33,34],{},"Edit Text",", or press Enter) to start typing. A formatting toolbar appears with:",[37,38,39,46,52,58],"ul",{},[40,41,42,45],"li",{},[14,43,44],{},"Text styles",": Heading 1 through Heading 5 and three paragraph styles, all pulled from your brand style guide, plus Caption and a custom style with your own font, size, line height and color.",[40,47,48,51],{},[14,49,50],{},"Formatting",": Bold, Italic, Underline, Strikethrough and Text Color.",[40,53,54,57],{},[14,55,56],{},"Structure",": Bullet List, Order List, indent controls and left\u002Fcenter\u002Fright alignment.",[40,59,60,63],{},[14,61,62],{},"Links",": select text and click the link button to add, update or remove a link.",[10,65,66],{},"Click outside the block (or press Escape) to finish editing.",[68,69,70],"blockquote",{},[10,71,72],{},"Keeping most text on the built-in heading and paragraph styles means a change in your style guide restyles the whole site at once.",[25,74,76],{"id":75},"image-blocks","Image blocks",[10,78,79,80,83,84,87],{},"Use the ",[14,81,82],{},"Media"," block for images. Select it and click ",[14,85,86],{},"Media Options",", then choose your image:",[89,90,91,94,105],"ol",{},[40,92,93],{},"Under the image area, open the media manager.",[40,95,96,97,100,101,104],{},"Pick ",[14,98,99],{},"Select From Studio"," to reuse a photo already uploaded to a client project, or ",[14,102,103],{},"Upload New Image"," to add a fresh file.",[40,106,107,108,111,112,115],{},"Click ",[14,109,110],{},"Add"," (or ",[14,113,114],{},"Save"," for uploads).",[10,117,118],{},"The Media Options panel then gives you:",[37,120,121,127,134,148,154],{},[40,122,123,126],{},[14,124,125],{},"Image Display",": Fill the block or keep the original proportions.",[40,128,129,130,133],{},"A ",[14,131,132],{},"focal point picker",", so the important part of the photo stays visible however the block is cropped. Changing the image resets the focal point to center.",[40,135,136,139,140,143,144,147],{},[14,137,138],{},"Crop To Shape",", ",[14,141,142],{},"Corner Radius"," and ",[14,145,146],{},"Overlay"," for styling.",[40,149,150,153],{},[14,151,152],{},"Click Action",": None, Link, or Lightbox (opens the full image over the page).",[40,155,156,143,159,162],{},[14,157,158],{},"Alt Text",[14,160,161],{},"Caption",".",[10,164,165,166,169],{},"Sections can also carry a background image with its own focal point; select the section and use its ",[14,167,168],{},"Color"," fill options.",[25,171,173],{"id":172},"video-and-audio-paid-plans","Video and audio (paid plans)",[10,175,176,177,180,181,184,185,188,189,184,192,195],{},"On paid plans the Media block also plays video and audio. Set the block's ",[14,178,179],{},"Media Type",", then in the media manager either ",[14,182,183],{},"Upload New Video"," \u002F ",[14,186,187],{},"Upload New Audio",", or ",[14,190,191],{},"Add Video from URL",[14,193,194],{},"Add Audio from URL"," to embed from a link. On the Free plan these tabs show \"Video uploads are a paid feature\" with an upgrade link.",[10,197,198,199,139,202,143,205,208,209,139,212,139,215,218,219,162],{},"Video settings include a title, caption, ",[14,200,201],{},"Autoplay Video",[14,203,204],{},"Mute Video",[14,206,207],{},"Loop Video",". Audio settings include the ",[14,210,211],{},"Audio Title",[14,213,214],{},"Artist Name",[14,216,217],{},"Player Controls"," (full or slim) and a light or dark ",[14,220,221],{},"Player Style",[68,223,224],{},[10,225,226],{},"Uploaded video and audio are processed after upload, so a just-uploaded file can take a little while before it plays on the live site.",[25,228,230],{"id":229},"related","Related",[37,232,233,237,243],{},[40,234,235],{},[19,236,22],{"href":21},[40,238,239],{},[19,240,242],{"href":241},"\u002Fwebsite-builder\u002Fgallery-and-client-index-blocks","Gallery and client index blocks",[40,244,245],{},[19,246,248],{"href":247},"\u002Faccount-and-billing\u002Fstorage-and-plan-limits","Storage and plan limits",{"title":250,"searchDepth":251,"depth":251,"links":252},"",2,[253,254,255,256],{"id":27,"depth":251,"text":28},{"id":75,"depth":251,"text":76},{"id":172,"depth":251,"text":173},{"id":229,"depth":251,"text":230},"website-builder","Edit text with the rich toolbar, place images with focal points, and add video or audio on paid plans.","md",{},true,4,"\u002Fwebsite-builder\u002Ftext-image-and-media-blocks",{"title":5,"description":258},"website-builder\u002Ftext-image-and-media-blocks","2026-09-19","e95T8gKtvqgIMkpUr5asB3C6WFbUMJPOyYdNcCIYcwk",[269,271],{"path":21,"title":22,"order":270},3,{"path":241,"title":242,"order":272},5,1789936982242]