Style, width, colors & logos
Pick the design style, page width, colors and logos under News. → Theme & Colors and News. → Brand.
| Setting | Where / what |
|---|---|
| Design style | News. → Theme & Colors: Newspaper (dark header, bold sans headlines), Magazine (light header, serif headlines, more white space) Tech (dark first for new readers, a bento grid of tiles with thin borders and a soft glow, monospace times and labels, logo left), Lifestyle (fashion magazine: big centred logo and a centred menu in spaced capitals, a large hero picture with the serif headline centred below, three tall portrait stories and an editorial split, lots of white space), Sport (big photos, bold italic uppercase headlines, angled labels and the scores bar), Local (city news: friendly cards, a Latest box with times and a tip box with WhatsApp, e-mail and phone from News. → Contact), Long-read (opinion and long reads: warm paper, big serif headlines, byline with reading time, columnists with photos, a numbered list of long reads), Video (dark first: a player-style lead, an Up next list and durations on every picture, plus a podcast row when the site has episodes — audio posts or the podcast player block), Crypto (dark first: a live coin table with price, 24 h change and a 7-day line from CoinGecko beside the lead story, monospace figures; the markets bar shows coins only), Business (business and finance: white one-row header with the logo left, one calm accent color, a lead picture with the headline on an accent bar and a quiet list beside it, and the markets bar switched on) or Pop (entertainment and celebrity: black one-row header with the logo left, hot pink, condensed uppercase headlines, story bubbles of the News Shorts in a dark band under the header, a big lead with a highlighted headline, a numbered Trending list; the front page puts video and Showbiz first). Each style brings its own colors, fonts and header layout; change them afterwards as you like. The story bubbles open the Shorts viewer, so they show when the Studio section with its Shorts rail is on the front page. |
| Demo design switcher | Same tab: Off (default), Admins only or Everyone (for a demo site). A “Designs” tab on the right edge opens all design styles as small previews; a choice only changes what that person sees, in their own browser, and your settings stay as they are. Links like yoursite.com/?news-design=crypto open a design directly, ?news-design=default goes back. Pages shown in another design are not stored by page caches. |
| Site width | Same tab: content width 1200 / 1280 (standard) / 1360 / 1440 / 1600 px or full width. Skyscraper and wallpaper ads only appear on screens wide enough for the chosen width. |
| Header bar & brand color | Same tab. A light header color switches the header to the dark logo and dark icons automatically. Header gradient: one of eight ready gradients, or from the header color to a second color of your choice. |
| Logos | News. → Brand: logo for dark backgrounds and for light backgrounds (SVG with the free Safe SVG plugin), plus the default share image (see Search & sharing). Optional phone logos (e.g. just the mark or initials) replace the logo on screens up to 860 px. |
| Header | News. → Header: layout (logo in the middle with the menu row below, or logo left with the menu beside it in one row), logo height for computers and phones, ticker, topics row, frames around the header icons, cart icon (WooCommerce), Premium link. |
| Extra header button | Same tab, Extra button: text, link, icon (live, play, gift, heart, star, ticket, calendar, megaphone, cart and more) and look (outline, filled, white, text only), next to “Premium” — e.g. Live TV, Shop or Tickets. On phones only the icon is shown. |
| Light or dark for new readers | News. → Theme & Colors: follow the reader device (default), light or dark. Readers who pick a mode with the sun / moon button keep their choice. The Tech style starts dark. |
| Scores bar | News. → Header → Scores bar: match cards under the header, typed by your editors, one match per line: Home 2-1 Away | FT | Competition. Without a score (Home - Away | 20:45) the match shows as upcoming; add a link at the end to open a match report. A status with LIVE or a minute (67′) gets a pulsing live mark. On with the Sport style. |
| Markets bar | News. → Header → Markets bar: a slim bar under the header with currency rates (European Central Bank) and crypto prices (CoinGecko) and their change against the previous day, updated every 15 minutes. Choose the base currency, the currencies and the coins. Switching design styles never clears your own lists; the Crypto style fills them with seven common coins in US dollars. Stock indices need a paid data source and are not included. Needs News. Core. |
| Notification bar | Same tab, Notification bar: a slim bar above the header with a message and an optional button. Backgrounds: brand color, black, eight gradients or your own color. Readers can close it (it stays closed until you change the message), and it can end on a date. |
| Site icon | Appearance → Customize → Site Identity. |
| Dark mode | Readers switch between light, dark and system in the header; everything follows, including ads labels, WooCommerce and Elementor pages. |