Themes & Customization
Servycore gives you full control over how your public-facing project pages look. From choosing a theme to fine-tuning your styles, here's everything you need to know.
Project Types
Your project type determines which public pages are available:
| Type | Description |
|---|---|
| Pages & Link | Full portfolio website with a dedicated account linking page |
| Link Only | Simple account linking page without portfolio features |
| Pages Only | Portfolio website without the account linking page |
You can change your project type in Panel > Your Project > Options.
Accessing the Customization
From your project's panel, you'll find the Customization tab in the sidebar. You can also quickly access the Site Editor using the Site Editor button at the top of the project card on the Projects page.
Editor Settings
The editor lets you customize the key elements displayed on your portfolio pages: the Navbar, the Hero section, and the Footer.
Navbar Settings
| Field | Description | Character Limit |
|---|---|---|
| Navbar Title | Title shown in the navigation bar | 3-40 |
| Navbar Subtitle | Subtitle below the navbar title | 3-160 |
Hero Section
| Field | Description | Character Limit |
|---|---|---|
| Hero First Title | Main heading on the hero section | 3-120 |
| Hero Second Title | Secondary heading on the hero section | 3-120 |
| Hero Button Text | Text on the hero call-to-action button | 3-20 |
Footer
| Field | Description | Character Limit |
|---|---|---|
| Footer Text | Text displayed in the footer | 3-120 |
Social Links
| Field | Description |
|---|---|
| Main Site URL | Link to your main website |
| Discord Invite URL | Your Discord server invite link |
| Steam Group URL | Your Steam group page URL |
| Twitch Channel URL | Your Twitch channel URL |
You can also customize the button labels for Discord, Steam, and Twitch links.
Logo
Upload a custom logo for your project (JPEG, PNG, or GIF, max 2MB).
Custom CSS
Requires a subscription plan with Custom CSS support.
Add your own CSS to further customize the look of your pages. Navigate to Panel > Your Project > Customization > Custom CSS.
Custom CSS is injected after the theme's default styles, so your rules take priority. This is useful for fine-tuning colors, spacing, fonts, and other visual details beyond what the editor provides.
Choosing a Theme
Navigate to Panel > Your Project > Theme to browse and select a theme. Themes are available for both portfolio pages and link pages. Each theme has a preview so you can see how it looks before applying it.
Metadata & SEO
Navigate to Panel > Your Project > Metadata to configure SEO settings.
| Field | Description |
|---|---|
| Title | Page title for search engines (3-35 characters) |
| Description | Meta description for search results (3-160 characters) |
| Theme Color | Browser theme color (hex format, e.g., #ffffff) |
| Favicon | Custom favicon image (1:1 ratio, max 2MB) * |
| OG Image | Social sharing preview image (max 2MB) * |
* Favicon and OG image require a subscription plan with Custom Metadata support.
Notes
- Theme changes take effect immediately
- Custom CSS is injected after the theme's default styles, so your rules take priority
- Metadata changes may take time to reflect in search engines
- For advanced page layout customization, see Site Editor & Page Builder
Related Articles
Site Editor & Page Builder
Build custom game server website layouts with Servycore's drag-and-drop page builder — sec...
Creating Your First Project
Step-by-step guide to create your first Servycore project — configure settings, subdomain,...
Plans & Subscription
Compare Servycore subscription plans — features, pricing, player limits, and billing manag...