Hello friends, today I will show you the correct customization of the Generatepress theme. Customization will speed up your site like a rocket, and if you have AdSense ads on your site, it will load faster.
What are the benefits? You must know. Your posts will rank faster and clicks on ads will increase, and clicks will increase revenue. Also, the look of your site will be very standard, you must understand that by looking at my site.
To be honest, no matter how many plugins you use to increase the speed of your site, if the theme of the site is not Responsive, the speed of the site will never increase. So you have to use that kind of theme; The theme will be Responsive, Mobile Friendly, Adsense Friendly.
I don’t know if you know, that all these features are included in the Generatepress theme. But yes, the free version does not have advanced customization options. For that you need to buy the Generatepress premium version, then you can fully customize it.
However, I will provide you with a free premium version today, without a license key. I’m also using it without a license key, whether you use it or not is entirely your own decision. Now let’s see what are the advantages of this premium version …………..
what are the advantages of the generate press premium theme?
1. Mobile friendly, Adsense friendly, Responsive theme
2. High loading speed,
3. Fast Ad loading,
4. Various designs templates,
5. Sticky menu and site title,
6. Secondary or main menu in the header,
7. Custom colorful design,
8. Heading and sub-heading design,
9. Custom font,
10. Custom footer,
11. Back to top button,
12. etc.
Generatepress Theme Customization
First, you install the Generatepress free theme, then install and activate the GP premium plugin, the link I gave below. This plugin will change your free theme to a premium theme. If you do not know how to install a theme or plugin, follow the steps below.
Be sure to back up the site before changing your theme, because if you make a mistake in editing, you can restore data from the previous site. I would recommend that you store the backup file on your drive with the help of the updraftsplus plugin.
install generatepress theme
- Log in to your WordPress admin page,
- Click on the theme option under the appearances section,
- Search generatepress by clicking on Add new button,
- Install and activate the theme that you will find in the image below.
Install GP premium plugin
- Then click on add new option under the plugin section,
- Click on the upload plugin button,
- Now upload the plugin which download link I gave below, then click on the Choose file button and install it now.
- Activate this plugin.
Import generatepress premium option
- Click on Configure button of generatepress plugin,
- Now you can see multiple check boxes, activate this all option.
- You can see the Site Library button on the top of this page,
- Then click on the Marketer template,
- Click on the Get Started button in the right sidebar,
- Uncheck the Import Demo Content option,
- Check the I Understand option,
- Now click Begin Import button, it will take some time, then the premium option will be imported.

Premium generatepress theme customization
Click on Customize button under the Appearances section, Now your theme’s customization interface will open, this is where you need to edit everything. Here you need to replace the custom CSS code, which links I gave below. Then follow the steps below ………
- Copy Downloaded CSS code,
- Click on the Additional CSS button,
- Now you can see the default CSS code, delete all this code,
- Paste copied code here.
- Hit on the Published button.
- Now one click on the back button (<).
GP Theme Layout Customization
Container
- Container Width – 1200,
- Separating Space – 20,
- Content Separator -2,
- Content Layout – One Container,
- Container alignment – Text,
- Content Padding – Keep all 50 (Dekstop), Keep all 30 (Mobile).
Header
- Use Navigation as Header – Check,
- Mobile Header – On,
- Branding Type – Site Title,
- Sticky-On,
- Hide when scrolling down – Uncheck.
Primary Navigation
- Mobile Menu Label – Empty,
- Mobile Menu Breakpoint – 765,
- Navigation Width – Contained,
- Inner Navigation Width – Contained,
- Navigation Alignment – Right,
- Navigation Dropdown – Hover,
- Dropdown Direction – Right,
- Navigation Search – Enable,
- Menu Item Width – 20 ( Dekstop), 0 (Mobile)
- Menu Item Height – 77(Dekstop), 45 (Mobile).
- Next 2 Options – By Default.
Secondary Navigation
- Mobile Menu Label – Empty,
- Navigation Width – Contained,
- Inner Navigation Width – Contained,
- Navigation Alignment – Right,
- Navigation Location – Above Header,
- Menu Item Width – 25,
- Menu Item Height – 33,
- Sub-Menu Item Height – 10.
Sticky Navigation
- Sticky Navigation – Off.
Off-Canvas Panel
- Off-Canvas Panel – Off.
Sidebar
- First 3 Options – By Default,
- Widget Padding- Keep all 40(Dekstop), 15-10-10-15(Mobile).
- The next two options – are 30.
Blog
- Archives under Content Section:-
- Content-Type – Excerpt,
- Excerpt word count – 50,
- Read More Level – Read More/Continue Reading/Full Post/ View Full Post/etc.
- Check the first checkbox,
- Read the next 6 checkboxes, then select as you like.
- Single under Content Section:-
- Keep all by Default
- Archives under Featured Image:-
- Location – Below Title,
- Alignment – Center,
- Media Attachment Size – Thumbnail,
- Width/Height – 320/0.
- Posts & Pages under Featured Images:-
- Display featured images – Check,
- Display padding around images – Check,
- Location – Below Title,
- Alignment – Center.
- Keep next all options by default.
Footer
- By Default
- Then click the published button.
- Now exit the Layout section,
- And enter the Colors section.
GP Theme colors Customization
Body
- Background Color – #ffffff,
- Text Color – #000000,
- Link Color – #1e73be,
- Link Color Hover – #000000.
Header
- Site Title – #ffffff
Primary Navigation
- Navigation Color Presets – Current,
- Background – #1ea8ff,
- Text – #ffffff,
- Background Hover – #3f3f3f,
- Text Hover – #ffffff,
- Background Current – #3f3f3f,
- Text Current – #ffffff,
- Next all option by default.
Secondary Navigation
- Background – #f1c40f,
- Text – #ffffff,
- Background Hover – #937a08,
- Text Hover – #ffffff,
- Background Current – #ffffff,
- Text Current – #0e933f,
- Next all option keep by default.
Off-Canvas Panel, Button, Forms & Footer
- All options keep by default.
Content
- Background – #ffffff,
- Text – #0f0003,
- Link – #0012d8
- Link Hover – #f76700,
- Content Title – #1e001b,
- Next 5 option keep by default,
- It is up to you to choose the color of the heading or subheading.
Sidebar Widgets
- Background – #ffffff,
- Text – #000000
- Link – #0737c6
- Link Hover – #ea2e09,
- Widget Title – #000000.
- Then click the published button.
- Now exit the Colors section,
- And enter the Typography section.
Form
- Form Background – #1abc9c,
- Form Text – #000000,
- Form Background Focus – #ffffff,
- Form Text Focus – #666666,
- Form Border – #f1c40f,
- Form Border Focus – #db140d.
Fooder
- Footer Widgets:-
- Background – #ffffff,
- Text – #0f0006,
- Link – #400bc4,
- Link Hover – #d60404,
- Widgets Title – #000000.
- Footer Bar:-
- Background – #55555e,
- Text – #f1c40f,
- Link – #ffffff,
- Link Hover – #ff1111.
- Back to Top Buttons:-
- Background – #d60c2e,
- Text – #ededed,
- Background Hover – #rgba(0,204,47,0.6)
- Text Hover – #dddddd.
GP Theme Typography Customization
Body
- Font family – Select Dosis,
- Font Weight – Normal,
- Text Transform – Non,
- Font Size – 17,
- Line Height – 1.5,
- Paragraph Margin – 1.5.
Header
- Font Family – Select Play,
- Font Weight – Bold,
- Text Transform – Capitalized,
- Font Size – 25 (Dekstop), 20 (mobile).
Primary Navigation
- Font Family – Play,
- Font Weight – Bold,
- Text Transform – Capitalized,
- Font Size – 15.
Secondary Navigation
- Font Family – Palatino Linotype,
- Font Weight – Bold,
- Text Transform – Capitalized,
- Font Size – 13.
Off-Canvas Panel, Buttons
- Keep by default.
Headings
Then set all the settings from h1 to h6 by default. Just change the settings shown below………..
- Font Family – Play,
- Font Weight – Bold,
- Text Transform – Capitalized,
Widgets and Footer
- Keep by Default.
- Then click the published button.
- Now exit the Typography section,
Next General, Menus, Widgets, Homepage Settings, Related Post option keep by default.