GeneratePress Marketer Theme Customization 2024

Written by admin

Published on:

Hello, friends if you want to do GeneratePress Marketer Theme Customization then you are in the right place here in this article we will teach you how you will customize the Generatepress WordPress theme easily,

If you want to create a professional website on WordPress using GeneratePress theme then in this article I will guaide you to make professional WordPress website you just have to follow all instructions given below

 

Feature of GeneratePress Marketer Theme

Generatepress theme is one of the best themes of WordPress with a clean design and fast loading speed, in the premium version you can have so many amazing features, mostly people are using GeneratePress theme for their WordPress websites

This theme has a pretty cool design and it is also so easy to customize you can easily customize this theme in Appearance > Customize section, if you dont know how to customize GeneratePress theme then follow all instructions given below in this article

 

How to Customize GeneratePress Theme

If you have knowledge about WordPress then you can simply customize this theme easily in Appearance > Customize section but if you are new then you can simply click on Appearance > GeneratePress and there you will see Site Library in the right corner of your screen Simply you can click on that

There you will see lots of prebuild websites you can simply click on any design and import that to your website, if you want to create a simple tech blog then I’m recommending you to install Marketer design to your website

 

How to Install Additional Css To GeneratePress Marketer Theme

If you want to give some extra look to your website then you can easily use additional css to your WordPress website, if you don’t know to add Additional CSS to your website then simply just click on Appearance > Customize > Additional CSS you will see some codes there simply remove all codes and paste your new code

If you don’t have Additional CSS code then you don’t need to be worried, you can see the codes given below simply copy all code and then paste it to your WordPress additional css code

 

/*GeneratePress Customization by Tradebones*/

.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}
.entry-content h2,h3,h4,h5,h6{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 50%, #1FA2FF 100%);
border-radius:10px;
color:white!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}

.entry-content h2{
font-size:25px!important;
}
.entry-content h3{
font-size:21px!important;
}
.entry-content h4{
font-size:17px!important;
}
.entry-content h5{
font-size:15px!important;
}
.entry-content h6{
font-size:13px!important;
}

.comment-respond .comment-reply-title{
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 50%, #1FA2FF 100%);
border-radius:10px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}

/*End of Article Page Design*/

/*Sidebar Universal*/
.recent-posts-widget-with-thumbnails .widget-title{
padding: 10px 10px;
background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 50%, #1FA2FF 100%);
border-radius:10px;
font-weight:500;
color:white!important;
font-size:18px!important; text-align:center;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}

.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 6px 18px;
border-radius: 5px;
}

.sidebar .widget:first-child {background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 50%, #1FA2FF 100%)}

.button.light {
background-color: #fff;
border-radius: 50px;
font-weight: 700;
color:#333;
}

.button.light:hover {
background: #333;
color: #fff;
}

/*End of sidebar code*/

/*End of sidebar code*/

@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
margin-top: -20px;
border-radius: 12px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}
/* Mobile query */
@media (max-width: 768px) {
.post-image-aligned-left .post-image img {
margin-top: -20px;
border-radius: 12px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}

/* Widget Sticky */
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
}

/* Read More button Style */

a.read-more.button {background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 51%, #1FA2FF 100%)}
a.read-more.button {
font-size:14px;
padding: 10px 25px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius: 120px;

}

a.read-more.button:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
}

/* Read More button Style */

blockquote {
background: #dcdcdc54;
border-left: 5px solid #1EA4FF;
padding: 15px;
font-style: inherit;
font-size: 18px;
margin: 0 0 1.5em;
}

 

Opinion

How would you like my article (GeneratePress Marketer Theme Customization 2024) You must tell me in the comment section. Thank you so much for visiting our website.

 

Read More Articles From Our Website!

How To Add Reading Progress Bar In WordPress Website Without Plugin 2024

How To Create Song Name Facebook Account Easily In 2024

2 thoughts on “GeneratePress Marketer Theme Customization 2024”

Leave a Comment