GeneratePress Theme Customization Using Custom CSS

So this article is all about GeneratePress Theme Customization and the best website structure, Google Adsense friendly and SEO Friendly. To get Adsense approval quickly, website structure, design, and theme matter a lot.

When a beginner starts their blogging journey, the first investment he makes is domain and hosting. He ignored a theme that is equally important as hosting.

Then why do beginners not invest in premium themes? I think it’s because of its high price.

Don’t worry. Now you can order premium themes from our services page at a very low and affordable price.

We recommend using Generatepress Premium that is a very light and AdSense-friendly theme.

GeneratePress Theme Customization

Implement GeneratePress Custom CSS In Your Website

GeneratePress Premium is a very light and Adsense-friendly theme, but this theme does not provide an excellent design for your website.

The official design is very standard, but we can modify this from the section Additional CSS. We have made a premium design for your website using GeneratePress Custom CSS for GeneratePress Theme Customization.

This is entirely free. You can copy the custom code from here and paste it into your WordPress. We take care of every minor error. This design is very light and does not affect your website speed.

But you should take a backup of your website before applying any customization so that if anything happens, you can simply upload the previous version of your website.

GeneratePress Theme Customization Step by Step

  1. Login to your WordPress dashboard.
  2. Go to Appearance and click on Customization.
  3. Under Customization, scroll down, click on Additional CSS and paste the given code.
  4. Finally, click on Publish.
  5. Clear your cache and refresh.
/*GeneratePress Customization by Ishwar Ahir*/
.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(326deg, #f8002f 0%, #000c14 74%);
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(326deg, #f8002f 0%, #000c14 74%);
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*/

/* Read More button Style */
a.read-more.button {background-image: linear-gradient(326deg, #f8002f 0%, #000c14 74%);}
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;
}

If you are still facing any issues, you should watch this video until the end. I have given a complete tutorial about GeneratePress Theme Customization for Free using custom CSS.

Leave a Comment