Your site's look is set in two places: the Customizer for colours, layout and the footer, and the Your Site tab for your mark, header, login page, emails and fonts. One choice restyles the whole site, so you never style pages one by one.
Ten colour schemes:
Appearance, Customize, ResultsAiX Theme, Color scheme. The schemes are WordPress Native, Results Amber, Clean White, Ivory Cream, Snow Light, Developer Dark, Midnight Blue, Ocean Blue, Sunset Warm and Rose Pink. Results Amber is the default.
One choice restyles the whole site: buttons, links, cards, the sliding banner, the share cards and your login page all follow it.
The ResultsAiX Theme section of the Customizer:
Appearance, Customize, ResultsAiX Theme holds:
- Layout mode: see Layouts And The App-Style Member Portal.
- Color scheme and Blog layout.
- Dashboard heading and Dashboard intro line for the Member Dashboard.
- Footer copyright line: blank uses the default line with your site name.
- Show a sidebar next to pages and posts.
- Admin menu label: what the theme's own menu is called in your admin sidebar. Blank says ResultsAiX Theme.
- Show a support link in the footer and portal sidebar.
- Footer heading above your Footer Menu (blank says Members) and Footer heading above your Legal Menu (blank says Legal).
- Show the Help column in the footer: the column with your support link and Member Login.
- Support link address: your contact page or help desk. Blank emails the contact address from the Legal Pages tab, and with neither, the link is not shown.
- A Search button in the header and Results as you type.
- Writing width on posts and pages.
- The picture at the top of a post.
Your own colours on top:
Appearance, Customize, ResultsAiX Colours lets you change any of these on its own:
- Page background: the colour behind everything.
- Card and panel background: post cards, boxes and the dashboard panels.
- Body text: keep it dark on a light background and light on a dark one.
- Accent colour: buttons, links and highlights. Hover and pressed shades are worked out from it.
- Lines and borders: card edges, dividers and input outlines.
- Portal sidebar background: only used by the Member portal layout.
- Footer background: the dark band at the bottom of every page.
The rest of the scheme stays as it is. Clear a colour to hand it back to the scheme. The same section has Page width (Narrow (easier reading), Normal or Wide) and Corners (Square, Slightly rounded, Rounded or Very rounded) for cards, buttons and inputs across the site.
Your logo:
- Logo: Appearance, Customize, Site Identity. A logo replaces the mark and site name in the header.
- Footer logo (for the dark footer): also in Site Identity. A version of your logo with light lettering. Without one, the footer shows your mark and site name in white.
The mark beside your site name:
Without a logo, the header shows a small square mark beside your site name. Set it on the Your Site tab in the card The mark beside your site name, or in Site Identity:
- No mark, just the site name (the default).
- The first letter of the site name.
- A symbol or emoji: one or two characters, such as a leaf or two letters.
- A small picture: Choose from library. A square picture works best.
The card shows a live preview of your header as you choose.
Your favicon:
The favicon is the little icon in the browser tab, in the same card. With nothing set it follows the mark. Choose from library or Use the mark's picture to set your own, and Remove to go back. A square picture of at least 512 pixels works best. It is the same as the Site Icon in the Customizer.
Your header:
Your Site, Your header. The header is one row, so whatever the logo and the Search button take, the menu cannot have.
- Logo size: the height of your logo, or of the square mark, from 20 to 90 pixels. The default is 44.
- Menu text size: from 11 to 20 pixels. The default is 15.
- The Search button: Icon only (the default) or Icon and word.
- Where the logo goes: Header logo and Footer logo. Type a path on this site such as /members, or a full address. Leave the header blank for the front page, and the footer blank to follow the header.
- Only use these links inside the members area and protected pages: keeps the public blog's logo opening the front page. The members address is then used only on pages at or under it, pages your membership plugin protects, and your Trainings.
Links that still do not fit go into a More dropdown at the end of the row. On a phone the header is a Menu button and none of the sizes apply.
Emails your site sends:
Your Site, Emails your site sends. Password resets, new account emails and every other email WordPress sends on its own come from this name and address, never from WordPress <wordpress@...>.
- From name: blank uses your site name.
- From address: blank uses the contact email from your business details when it is on your site's own domain, otherwise info@ your domain.
An SMTP plugin, the Support Desk or the Mailer that sets its own sender keeps it. Only WordPress's own default is replaced.
Your login page:
Your Site, Your login page. The page admins and members sign in on, in your colours, with nothing that says WordPress. Open it in a new tab from the card to check it.
- Layout: Classic (logo above a centred card), Split (a banner with your message on one side and the form on the other), Minimal (no card, just the fields) or Dark (deep background, light card).
- Logo: the site initial by default, Choose from library, or Use the Customizer logo, with its Width in pixels.
- Background: Scheme colour, One colour, Gradient or Picture, with Darken (up to 80 percent) and Blur it for a busy picture.
- Words: a heading above the form, a welcome line and a note under the form.
- Split banner: its own heading and sentence, shown beside the form in the Split layout.
- Tidy up: Hide the language switcher and Hide the privacy policy link under the form.
Fonts:
Your Site, Fonts. The theme's typeface is Outfit, and it looks the same either way:
- Load from this website (recommended, privacy-friendly): the font files come with the theme, so no visitor's browser contacts Google for a font. This is the default on a new site.
- Load from Google: each visitor's browser fetches the font from Google Fonts.
Menus:
Appearance, Menus has the theme's positions: Primary Menu (top nav and portal sidebar), Dashboard Quick Links (the cards on the Member Dashboard), Footer Menu, Legal Menu (footer legal row) and Landing page footer. Your legal pages appear in the footer legal row by themselves until you assign a Legal Menu of your own.
The footer:
The footer has your Footer Extra widgets at the top, then your mark and tagline, the Footer Menu column, the Legal column and the Help column, and your copyright line with the Powered by line at the bottom. Footer copyright name on the Your Site tab sets the name in the copyright line; blank uses your site name. To replace the whole line, use Footer copyright line in the Customizer.
The Help column holds Contact Us (your support link) and Member Login. Turn it off in the Customizer with Show the Help column in the footer, and the footer keeps its other columns.
The admin screens' own look:
Settings, How these screens look sets the colour scheme of the ResultsAiX admin screens only: Follow the ResultsAiX Hub or one of the schemes. Your website's colours stay in the Customizer.
A real example:
Rosa keeps Results Amber, sets the mark to a leaf emoji, and leaves the favicon to follow it. In Your header she sets the logo link to /members with Only use these links inside the members area ticked, so members return to their dashboard while blog readers go to the front page. Her login page uses Split with the heading Sign in to Fern & Fig.
Tips:
- Try a scheme in the Customizer preview first; nothing changes for visitors until you press Publish.
- If your brand has one strong colour, keep the scheme you like and set only the Accent colour.
- After changing your logo or colours, press Draw every card again on the Sharing tab so your share cards match. See Blog Layouts, Sharing And Site Search.