GeneratePress Marketer Theme Customization [Design 1]

In this video tutorial, I will show you, how to customize GeneratePress Marketer Theme to build a awesome blog using GeneratePress Pro version. You can download the latest version of theme from the GeneratePress website directly.

It’s a quick and short video, so please watch the video without skipping.

Table of Contents

Recommended Hosting

Required Theme

Required Plugins

Color Palette

CSS Variable NameHexa CodeActual Color

Header Banner Code

Custom CSS Code

.footer-widgets .wpf-social-icons li:last-child, 
.sidebar .wpf-social-icons li:last-child {
	margin-bottom: 0.5em;
.home .inside-article footer.entry-meta,
.category .inside-article footer.entry-meta, .tag .inside-article footer.entry-meta, .search .inside-article footer.entry-meta {
	border-bottom: 1px solid var(--border);
.paging-navigation {
	text-align: center;
footer.entry-meta {
    margin-top: 3em;
.widget-title {
	background: var(--widget-heading);
	padding: 5px;
	text-align: center;
.inside-right-sidebar .widget ::after {
	border-bottom: 1px solid var(--border);
.read-more {
	text-transform: uppercase;
border-bottom: 2px solid var(--accent-2);
display: inline-block;
margin-top: 10px;
.mb-15 {
	margin-bottom: 15px;
ul.wp-block-categories li {
  list-style-type: none;
  margin-left: 5px;
	border-bottom: 1px solid var(--border);
ul.wp-block-categories li a {
	display: inline-block;
  width: 80%;
  float: none;
	text-decoration: none;
	padding-bottom: 13px;
  margin-bottom: 13px;
.wp-block-tag-cloud a {
	font-size: 14px !important;
	text-decoration: none;
  border: 1px solid var(--border);
  padding: 5px 12px;
  margin-bottom: 10px;

How to Update Header Banner Image

Navgate to Appearance > Elements > Header Banner

Step 1: Click “List View” (Refer below image)

Step 2: select the “Container”

Step 3: Under Block tab find “Background” section. Now you can replace the default image with new one.

I regularly post videos about building WordPress Websites from scratch using free and premium themes. If you like to watch more similar contents, please subscribe to my YouTube channel!