How to Customize the GeneratePress Theme for a Unique and Personalized Website Design

GeneratePress is a lightweight WordPress theme that loads little code and leaves design decisions to you. Almost everything is set in the WordPress Customizer, and the paid GP Premium plugin adds more modules on top. This guide walks through customising the header, navigation, colours, typography, layout and footer, explains what needs GP Premium, and covers the Site Library of ready-made designs.

1. Install GeneratePress

GP Premium is a plugin that works with the GeneratePress theme; it isn't a separate theme. Keep both updated from Dashboard › Updates.

2. Free or Premium: what you get

The exact options vary between versions, so if a setting in this guide isn't where it says, check that GP Premium is active and that the matching module is switched on.

3. Logo and header

The header is the first thing visitors see, so start there.

• Logo: in Appearance › Customize › Site Identity, upload your logo and set its width. Upload a version twice the display size so it stays sharp on high-resolution screens, and add a site icon (favicon) in the same panel.
• Title and tagline: hide them in Site Identity if your logo already contains the business name.
• Header layout: in Layout › Header, choose full-width or contained, and the inner width and alignment.

With GP Premium, the Elements module can replace the header on selected pages, for example a large page hero with a background image on the home page only.

4. Navigation

In Layout › Primary Navigation, choose where the menu sits (next to the logo, below the header, or in a sidebar), its alignment and, depending on your version, the screen width at which it switches to the mobile menu. Build the menu itself in Appearance › Menus, or in Customize › Menus, and assign it to the Primary Menu location.

With GP Premium's Menu Plus module you can add a sticky menu that stays visible while visitors scroll, an off-canvas panel that slides in from the side, and a separate mobile header.

5. Colours

Open Customize › Colors. The Global Colors palette at the top defines your brand colours once: typically a dark text colour, a light background and one or two accent colours. Individual elements (body, header, navigation, buttons, content, footer) then pick from that palette.

Because the palette is also available in the block editor, changing one global colour updates every heading, button and block that uses it. Check contrast as you go: light grey text on a white background is hard to read, especially on phones outdoors.

6. Typography

Open Customize › Typography and click Add Typography to create a rule for each element you want to style, such as body text, headings, the site title or navigation. For each rule, set the font family, weight, size and line height, with separate sizes for desktop, tablet and mobile.

System fonts (the default) load fastest. Google Fonts give you more choice; each extra font or weight adds download time, so limit yourself to one or two families and a few weights. With GP Premium you can host the Google Fonts you use on your own site instead of loading them from Google.

7. Layout, sidebars, blog and footer

• Container: in Layout › Container, set the content width and choose a separated or one-container look.
• Sidebars: in Layout › Sidebars, set the default sidebar layout for pages, posts and archives. Individual pages can override it from the Layout box in the editor, which is useful for a full-width landing page.
• Blog: with GP Premium's Blog module, Layout › Blog controls excerpts or full posts, "read more" text, featured image position, columns and masonry for archive pages, and which post details (date, author, categories) appear.
• Footer: in Layout › Footer, choose the number of footer widget areas and the footer width, and add widgets such as contact details, quick links or a map in Appearance › Widgets.

To change the "Built with GeneratePress" copyright line, activate GP Premium's Copyright module and edit the text in Layout › Footer. Without Premium, replace it with a small code snippet in a child theme or a snippets plugin.

8. Site Library: start from a ready-made design

With GP Premium, Appearance › GeneratePress › Site Library offers complete starter sites. Most need the free GenerateBlocks plugin, and some need GenerateBlocks Pro; the library tells you what each site requires.

After importing, replace the demo text and images with your own, set your brand colours in Global Colors, and delete demo pages you don't need.

9. Custom CSS and code

For small style tweaks, use Customize › Additional CSS. It survives theme updates. For PHP changes, such as filters and hooks, use a child theme (GeneratePress offers a starter child theme on its website) or a code snippets plugin. Never edit the parent theme's files: an update overwrites them.

When you have finished, click Publish, then check your site on a phone, a tablet and a desktop. Clear your caching plugin's cache and your browser cache if a change doesn't show.

10. Running GeneratePress on Domain India hosting

GeneratePress suits Domain India shared hosting well because it adds little weight to each page. On our shared hosting (cPanel, DirectAdmin and Webuzo) the web server is Apache, so for page caching use WP Super Cache or W3 Total Cache rather than LiteSpeed Cache.

• Install WordPress with Softaculous or WP Toolkit on cPanel, or Softaculous on DirectAdmin.
• Backups: JetBackup takes weekly account backups on cPanel and DirectAdmin, which you can download or restore from JetBackup in your panel. Take your own backup as well before importing a Site Library design.
• Help: support is on 24/7 live chat, and tickets get a first response within 15 minutes. There is no phone support. We support the hosting; theme design questions are best taken to GeneratePress's own support.

Prices on the cards are Domain India list prices, excluding 18% GST.

For a full WordPress walkthrough, read Mastering WordPress: a step-by-step guide.

Frequently asked questions

Ready to build your WordPress site? Compare cPanel hosting and DirectAdmin hosting, or ask us in a support ticket.