Gamvion theme
user guide.

01Welcome

Thank you for choosing Gamvion. It is a dark, neon-lime WordPress theme for game studios, indie publishers and creative teams. Pages are built with the free Elementor plugin, so you can change text, images and layout with drag and drop. Games, team members and blog posts are normal WordPress content that you add from the admin menu.

02Requirements

03What is in the package

04Install the theme

1. Install Elementor firstIn WordPress go to Plugins › Add New, search for Elementor, press Install Now, then Activate. If Elementor asks you to sign in or take a tour, you can skip it.
2. Upload the themeGo to Appearance › Themes › Add New › Upload Theme. Choose gamvion-theme.zip and press Install Now.
3. Activate itPress Activate. Open Appearance › Install Plugins, choose Elementor and Gamvion Core, install them, then explicitly activate them. If the Core download is unavailable, upload the included gamvion-core.zip through Plugins › Add New › Upload Plugin and activate it. The plugin adds Games, Team, Messages and Appearance › Gamvion Demo Import. The theme never activates plugins automatically.

Gamvion Core and safe updates

The theme owns layout and styling. Gamvion Core owns game and team records, their content fields, the contact form, stored messages, newsletter subscriptions, sharing controls and demo import. Keep the plugin active when switching themes to retain access to this content. Deactivating or deleting the plugin does not delete its saved records.

Upload Gamvion Core first and leave it inactive. Replace the theme with version 1.0.1, then explicitly activate Gamvion Core through Plugins. If Core was activated early, it waits safely while the old theme is active and shows an admin notice. Back up files and the database first and test on a staging site. Existing content IDs and metadata keys are unchanged. Existing imported demo widgets are supported without reimporting.

Do not run demo import on an existing site. It is an explicit opt-in operation for a fresh WordPress installation. It sets the homepage, permalinks and other demo settings and refuses conflicting content IDs. It does not remove existing drafts.

The contact form is also available as [gamvion_contact_form]. Messages are saved under Messages and sent using WordPress mail to the administrator address. Configure your host or an SMTP plugin if delivery fails. Contact and newsletter requests require a valid WordPress nonce; contact requests also require consent. Cached contact pages must be refreshed before their nonce expires.

05Import the demo

The importer rebuilds the live demo on your site: all 17 pages, 14 games, 6 team members, 7 blog posts, Elementor global classes, the homepage setting, permalinks, site icon (the striped lime triangle) and about 160 images.

1. Open the importerGo to Appearance › Gamvion Demo Import. All status rows should say Active or Found.
2. Press "Import demo"A progress bar appears and a log lists each step: checks, media copy, images, pages and content, settings, finish. It takes one to three minutes. Keep the tab open.
3. Visit your siteWhen the log says Done!, open your homepage. It now shows the Neon home page.

06Demo videos (optional)

Video files are optional and are not included in this corrective update package. If you already have the separately supplied demo-video archive, follow the instructions below. Without it, page layouts remain available but video backgrounds and trailers require your own media.

1. Unzip gamvion-demo-videos.zip. It contains a folder called media with the same year/month folders that the images use.
2. Copy before importingCopy the contents of that media folder into wp-content/plugins/gamvion-core/demo/media/ (merge with the existing folders), then run the importer. The importer copies them into your Uploads folder.
3. Already imported?Copy the same folders directly into wp-content/uploads/ instead. Keep the same sub-folder names.

07First steps after import

Work through this short checklist:

• Open Settings › General and change the Site Title, tagline and Administration Email (contact messages are sent here).
• Open Settings › Permalinks and press Save Changes once. This refreshes the game, team and blog detail addresses.
• Edit the text of the homepage in Elementor (see Editing with Elementor).
• Replace the demo games, team members and blog posts with your own.
• Change the logo text, menu links and footer (see below).
• Replace the demo images with images you own or are licensed to use.

08Site name, icon and logo

Site title and tagline

Settings › General → change Site Title and Tagline. The browser tab and search engines use them.

Site icon (favicon)

Go to Appearance › Customize › Site Identity › Site Icon, press Select site icon and choose a square image of at least 512 × 512 px. The demo already uses one.

Logo

The "Gamvion." logo in the header and footer is a text heading inside Elementor, so you can restyle it freely.

1. Open any page with Edit with Elementor.
2. Click the logo in the header. In the left panel change the text (for example to YourStudio.) or replace the heading with an Image widget and upload your logo.
3. Repeat on each page, because the header belongs to each page (see Header and menu). Copy the header and paste it across pages to save time: right-click the header container › Copy, then on another page right-click › Paste.

09Pages overview

The demo contains 17 pages. Each one is an Elementor page you can edit.

Add a new page

Go to Pages › Add New, add a title, then press Edit with Elementor. The fastest way to match the theme is to open an existing page, copy a section (right-click › Copy) and paste it into your new page. Set the page template to Elementor Canvas (Elementor › Settings icon › Page Layout) so the header and footer you pasted are the only ones shown.

10Editing with Elementor

1. Open a pageGo to Pages, hover a page and press Edit with Elementor. Or visit the page on your site while logged in and use Edit with Elementor in the top admin bar.
2. Click what you want to changeClick a heading, paragraph, button or image on the canvas. Its settings open on the left: Content for text and links, Style for look.
3. PublishPress the green Update button at the bottom left.

Common tasks

11Header and menu

The header (logo, menu, Contact button) is part of each page's Elementor layout. This gives each home design its own look, but it means a menu change must be repeated on every page, or copied across.

Change a menu item

1. Edit a page with Elementor and click the menu link text (for example About Us).
2. Change the text and link.
3. For dropdowns (Home, Games, Pages, Blog) open the Structure panel (Ctrl+Shift+L) and edit the items inside the dropdown container.

Copy the header to every page

1. On the page whose header is correct: right-click the header container › Copy.
2. On another page: right-click the old header › Paste, then delete the old one.

12Footer

The footer is also an Elementor section at the bottom of every page: logo, short text, link columns, social links and copyright. Edit it like any other section, then copy it to other pages the same way as the header.

• Social links: click each icon › change the Link.
• Copyright line: click the text and replace the year or company name.
• Several inner pages share one footer design that the theme prints (inc/gamvion-home-five-footer.php). Change its text in that file if you want the same footer text everywhere.

13Colours and fonts

The palette

Fonts

Unbounded is used for headings and buttons, Sora for body text. Both are free Google Fonts.

Change a colour on one element

In Elementor click the element › Style tab › change the colour. This is the safest method.

Change the accent colour everywhere

The neon lime #C2FF3F is written directly in many style rules inside wp-content/themes/gamvion/inc/ and in the Elementor page data. To change it site-wide:

1. Make a full backup of your site and database.
2. Use a plugin such as Better Search Replace to replace #C2FF3F (and #c2ff3f, rgba(194,255,63) with your colour in the database.
3. Use your code editor's Find in Files on the inc folder to replace the same values in the theme files.
4. Clear Elementor's cache: Elementor › Tools › Regenerate CSS & Data.

Change the fonts

Fonts are named in the style rules as 'Unbounded' and 'Sora'. Replace the names in inc/ the same way as above, and make sure your new font is loaded (Elementor › Site Settings › Typography, or a Google Fonts link).

14Games

Games are a custom post type, so each game is its own entry. The Our Game grid, the Game Details page and its "More games" strip read from them. Add a game once and it appears everywhere.

Add a game

1. Games › Add NewType the game title. Write the long description in the main editor. The Excerpt is the one-line summary shown on cards.
2. Set the featured imageThe Featured image (right sidebar) is the cover art. If you leave it empty, the theme uses the URL in the "Image URL" field below.
3. Fill the "Game details" boxSee the table below.
4. Optional extrasTrailer video, screenshots, system requirements and FAQ.
5. PublishThe game page address is /game-details/your-game-slug/.

"Game details" box

"Game details page extras" box

Leave a box empty to show tasteful sample content instead of a blank section.

"Game trailer" box

Paste the URL of an MP4 or WebM file (upload it in Media, then copy the file URL). It plays in the game page gallery with normal video controls.

15Team members

People are a custom post type too. They feed the Team page, the crew cards on About Us, and each person's Team Details page.

Add a team member

1. Team › Add NewThe title is the person's name. The Excerpt is the short line under the name. The editor text is the "About" paragraph.
2. Upload a portraitSet the Featured image (vertical photo, about 800 × 920 px works best).
3. Fill "Team member details"

16Blog

The Blog page and Blog Details use normal WordPress Posts, so you can write articles with the standard editor.

1. Posts › Add NewWrite the title and the article body. The Excerpt becomes the card summary.
2. Choose a categoryThe first category is the label on the card (for example Game Updates). Categories automatically become the filter buttons on the Blog page.
3. Add a Featured imageThis is the card and article hero image. Landscape images about 1600 × 900 px look best.
4. PublishThe newest post becomes the large featured story. The next posts (up to 12) are shown as cards. The reading time is calculated from the word count.

Each story opens at /blog-details/post-slug/ with author block, share buttons and "More stories".

17Contact form

The form on the Contact page sends AJAX messages without reloading the page.

• Each message is saved in Messages (admin menu) and emailed to the Administration Email in Settings › General.
• Built-in spam protection: a hidden honeypot field and a limit of 5 messages per hour per visitor.
• The page text (title, studio address, email shown) is normal Elementor text: edit it on the Contact page.

18Newsletter signup

The Playground page has a newsletter box. Each signup is emailed to the Administration Email and stored in the site's database. To send campaigns, export the addresses to your email marketing tool, or connect the box to a service such as Mailchimp by adding their embed form in place of this block.

19Responsive design

Layouts adapt from 320px phones up to wide desktop screens. Breakpoints used most often:

To check a page, in Elementor click the device icon at the bottom left (Desktop / Tablet / Mobile), or resize your browser.

20Translation

The theme uses the text domain gamvion and loads translations from wp-content/themes/gamvion/languages/. Create a translation with the free Loco Translate plugin: Loco Translate › Themes › Gamvion › New language. Text you type inside Elementor is edited directly on each page, or translated with a plugin such as Polylang or TranslatePress.

21Code structure (for developers)

Each feature lives in one file in inc/. The theme loads them all in alphabetical order from functions.php.

Add your own CSS

Go to Appearance › Customize › Additional CSS, or inside Elementor use Site Settings › Custom CSS. Example, round all buttons more:

.elementor a.gv-btn { border-radius: 40px; }

22Performance tips

• Upload images no larger than 2000px wide, and compress them (for example with Squoosh or ShortPixel).
• Use short MP4 clips (under 10 MB, no sound) for video backgrounds.
• Install a caching plugin (LiteSpeed Cache, WP Rocket, W3 Total Cache) and enable image lazy loading.
• Use PHP 8.1+ and keep Elementor up to date.
• Delete the demo content you do not need (unused pages, games, media).

23Troubleshooting

24Frequently asked questions

25Changelog

26Credits and licences

• Elementor — GPL, wordpress.org/plugins/elementor
• Unbounded and Sora fonts — SIL Open Font License, Google Fonts
• WordPress — GPL v2 or later

27Support

Before contacting support, please check the Troubleshooting and FAQ sections. When you write to us, include:

• Your WordPress, PHP and Elementor versions (Tools › Site Health › Info).
• The page address and a screenshot of the problem.
• Any message from wp-content/debug.log.

Support covers theme bugs and questions about how the theme works. Custom development and third-party plugins are not included.