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;
}
Disclaimer
Our website is just only for learning and educational purposes, we are not guaranteed for any problems so please use it at your own risk
Read More Articles From Our Website!
GeneratePress Premium Theme – Light Weight Theme For WordPress Free Download 2024
Foxiz Newspaper WordPress theme – Newspaper News and Magazine Theme 2024
![Love Calculator Script For Blogger Free Download 2024 – Love Calculator Script Source Code [ Updated ]](https://i0.wp.com/www.tradebones.com/wp-content/uploads/2023/12/Create-a-Love-Calculator-Website-In-Blogger.png?fit=572%2C342&ssl=1)
