[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"support-article-design-text-and-logo-on-the-cover":3,"ls-connection":163},{"article":4,"related":30,"neighbors":104,"alternates":157},{"feature":5,"category":6,"locale":7,"slug":8,"title":9,"lede":10,"purpose":11,"steps":13,"notes":23,"generatedFrom":28,"updated":29},"cover-ink","design","en","text-and-logo-on-the-cover","Keep header text and logo readable on a cover image","Choose whether the copy and the logo over your cover photo read light or dark.",[12],"When the header carries a cover image, its title, text and logo sit on the photo. Venue picks their color from the overlay it paints over the image, but it cannot see the photo itself: a bright picture with a light overlay can leave white text unreadable. “Text and logo on the image” lets you decide.",[14,17,21],{"text":15,"image":16},"On step 3 · Design, select the header (the “Hero” section). Once it has a cover image, “Text and logo on the image” sits below the overlay settings, set to “Auto”.","\u002Fsupport\u002Fcover-ink\u002Fen\u002Fstep-1.webp",{"text":18,"image":19,"caption":20},"Pick “Light” for white copy and logo, or “Dark” for dark ones. The canvas follows right away.","\u002Fsupport\u002Fcover-ink\u002Fen\u002Fstep-2.webp","“Dark” turns the header’s copy and logo dark over this photo.",{"text":22},"Pick “Auto” again to let the overlay decide.",[24,25,26,27],"The setting moves the copy and the logo together, so they never disagree on the same image: your brand’s logo for dark backgrounds with light copy, the other one with dark copy.","Auto follows the overlay you set: over an accent overlay the copy reads against your accent color, and over a background-colored overlay, or none, it follows the page.","Changing the overlay (“Overlay color” and “Overlay”) is often enough on its own: try it before forcing Light or Dark.","The setting only exists while the header has a cover image; without one, the header reads on the page background.","design\u002FHeroCoverFields.vue · SectionPropertyEditor.vue (hero cover) · i18n wizard.propEditor.fields.coverInk \u002F wizard.propEditor.hints.coverInk \u002F wizard.propEditor.opts.ink*","September 23, 2026",[31,51,70],{"feature":32,"category":6,"locale":7,"slug":33,"title":34,"lede":35,"purpose":36,"steps":38,"notes":46,"updated":50},"design-chooser","choose-a-design","Choose a starting design","Start from a template, a blank page, or let AI create the design.",[37],"On the Design step, Venue lets you choose your starting point. The imported event content and fields are applied automatically whatever you choose, only the design changes.",[39,42],{"text":40,"image":41},"On step 3 · Design, click “Change design” at the bottom of the editor to reopen the starting-point picker.","\u002Fsupport\u002Fdesign-chooser\u002Fen\u002Fstep-1.webp",{"text":43,"image":44,"caption":45},"Choose from four options: a template (a Venue Starter or your own), a blank page to build section by section, or an AI generation, as editable sections, or a full-page design.","\u002Fsupport\u002Fdesign-chooser\u002Fen\u002Fstep-2.webp","“AI, full design” produces a page you can't edit section by section; “AI, editable sections” stays adjustable.",[47,48,49],"You can change the design at any time while the page is unpublished. The imported content carries over.","The “Use a template” option is detailed in the “Use a template” guide.","AI generation requires the feature to be enabled on your workspace.","September 9, 2026",{"feature":52,"category":6,"locale":7,"slug":53,"title":54,"lede":55,"purpose":56,"steps":58,"notes":65,"updated":50},"design-sections","manage-sections","Add and reorder sections","Compose the page block by block: add, reorder and remove sections.",[57],"A Venue page is a stack of sections (header, form, text, media…). The right-hand panel of the Design step lets you add them, reorder by drag-and-drop, and remove them, except the registration form, which is required.",[59,62],{"text":60,"image":61},"On step 3 · Design, the right-hand panel lists the page sections. The registration form is marked “Required” and can't be removed.","\u002Fsupport\u002Fdesign-sections\u002Fen\u002Fstep-1.webp",{"text":63,"image":64},"Click “Add section” to insert a new block, then reorder the sections by dragging them in this panel.","\u002Fsupport\u002Fdesign-sections\u002Fen\u002Fstep-2.webp",[66,67,68,69],"The panel order is the display order of the published page.","Each section is edited by clicking it in the preview, titles, text and media in place.","The registration form is always present: it is the heart of a registration page.","Two sections can share one row instead of stacking. See “Put two sections side by side”.",{"feature":71,"category":6,"locale":7,"slug":72,"title":73,"lede":74,"purpose":75,"steps":78,"notes":97,"generatedFrom":103,"updated":29},"page-columns","two-column-rows","Put two sections side by side","Pair two sections into a single two-column row, by dragging them into a block in the sections list.",[76,77],"A page is a stack of sections, one per row. A two-column row puts two of them side by side (a video next to a quote, a teaser next to the registration form) so a long page reads shorter without losing anything.","The row splits 50\u002F50, and the two columns stack back on top of each other on a narrow screen. There is nothing to design twice.",[79,83,85,87,89,91,94],{"text":80,"image":81,"caption":82},"On step 3 · Design, look at the sections list on the right. Click “Two columns”, beside “Add section”, to open an empty block with two column slots.","\u002Fsupport\u002Fpage-columns\u002Fen\u002Fstep-1.webp","Here, Media and the registration form already share a row.",{"text":84},"Drag a section from the list into a slot. The block travels to the first section you drop in it, so your page order does not change, only the layout does.",{"text":86},"Fill the second slot the same way: drag another section in, use “New” to pick a brand-new one, or “Move here” to take one the page already has (that menu is there for when you can't drag).",{"text":88},"Shortcut: drop a section straight onto the middle of another line in the list, and the two share that row without opening a block first.",{"text":90},"To move the whole row, drag the block by the grip in its header: both columns travel together. Dragging the left column does the same, since it carries its partner along.",{"text":92,"image":93},"The header also carries two actions: swap the two columns, or split the row back into two full-width sections. To take a single section out, drag the right column out of the block, into a gap between rows: it becomes full width again.","\u002Fsupport\u002Fpage-columns\u002Fen\u002Fstep-2.webp",{"text":95,"image":96},"When one column is shorter than the other, select it and set “Vertical alignment” under “Row” in its settings panel: Top, Middle (the default) or Bottom. Each column is set on its own, so a short teaser can start at the top of a long agenda instead of floating in its middle.","\u002Fsupport\u002Fpage-columns\u002Fen\u002Fstep-3.webp",[98,99,100,101,102],"Any section can be a column, the cover and the form included. Whether it reads well in half a row is your call. The preview shows it live.","A row holds two sections at most, and it is painted as one band: the background comes from the first section, so the second column shows none of its own.","A form or CTA whose own layout is split left\u002Fright renders centered while it is in a column, two split layouts nested in each other is noise.","On a narrow screen the columns stack, the left one first. That is also the order visitors on a phone and search engines read them in.","Vertical alignment only applies while the section is in a row, and it is dropped from view once the columns stack: on a phone each one is full width, so there is nothing to align against.","SectionsPanel.vue (two-column block, header drag \u002F swap \u002F split) · generated-page.ts (toRows\u002FnormalizeRows) · SectionRowAlignField.vue (rowAlign) · i18n wizard.layers.* \u002F wizard.propEditor.row",{"prev":105,"next":130},{"feature":106,"category":6,"locale":7,"slug":107,"title":108,"lede":109,"purpose":110,"steps":112,"notes":125,"generatedFrom":129,"updated":50},"cover-media","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.",[111],"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.",[113,116,119,122],{"text":114,"image":115},"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":117,"image":118},"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":120,"image":121},"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":123,"image":124},"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",[126,127,128],"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*",{"feature":131,"category":6,"locale":7,"slug":132,"title":133,"lede":134,"purpose":135,"steps":138,"notes":149,"updated":156},"page-languages","languages","Offer your page in several languages","Add a language from the builder and let AI draft the whole page in it.",[136,137],"A page is written in its event's language. For an international audience, add a version in another language: AI drafts every text of the page, you review it, and visitors get the translated page at its own address, indexed by search engines as such.","Structure stays shared. Sections, their order, the form fields, the layout, the media and every setting are the same in every language; only the text changes (and, when you decide so, an image).",[139,142,146],{"text":140,"image":141},"Open your page in the builder, on step 3 · Design. At the top right of the canvas, beside the device pill, the language pill names the language shown: the event's, the one the page is written in.","\u002Fsupport\u002Fpage-languages\u002Fen\u002Fstep-1.webp",{"text":143,"image":144,"caption":145},"Click the pill. The menu lists the source language, then each version with its status (up to date, outdated texts, texts to translate), then an “Add a language” group with one row per language the page can still take. “Update translations” sits at the bottom, and only when a version is actually behind: when everything is up to date there is nothing to click.","\u002Fsupport\u002Fpage-languages\u002Fen\u002Fstep-2.webp","Add a language drafts the whole page with AI. You review every text afterwards.",{"text":147,"image":148},"Pick a version: the canvas shows the page as its visitors will see it in that language, and the right panel becomes the translation overview. It opens on the event’s own name and summary, then lists each section with its status.","\u002Fsupport\u002Fpage-languages\u002Fen\u002Fstep-3.webp",[150,151,152,153,154,155],"Ten languages are available: English, French, Spanish, German, Italian, Portuguese, Dutch, Polish, Swedish and Danish. The buttons, validation messages and dates of the page follow the language too.","Each language lives at its own address, such as \u002Fyour-page\u002Ffr, with its own canonical link and hreflang alternates. Visitors are never redirected: someone whose browser speaks another available language sees a discreet hint instead.","Update translations refreshes only what is missing or outdated, in every language at once. A text you edited by hand is never replaced without asking you.","While AI drafts or updates a language, a status pill at the bottom of the builder names the language being translated and, across several languages, which one of how many. It stays visible on every step. Stay until it finishes: leaving the page loses the translation in progress, so the builder asks you to confirm first.","Remove a language from the same menu: the action sits at the bottom, next to Update translations, and removes the version you are currently viewing. Its address then sends visitors to the source language.","The event’s own name and summary are translated too, under Event in the overview. They are what a {{title}} or {{description}} token resolves to in your copy, and what a hub card shows when the page is listed in one, so a translated page reads in its language everywhere, not only inside its own sections.","September 17, 2026",[158,161],{"hreflang":159,"path":160},"fr","\u002Fsupport\u002Fdesign\u002Ftexte-et-logo-sur-la-couverture",{"hreflang":7,"path":162},"\u002Fsupport\u002Fdesign\u002Ftext-and-logo-on-the-cover",{"connected":164},false,1790164944419]