Generatepress news theme customisation
Dhanjee Rider
Gp news wordpress theme customisation
Today we are here with the theme of the news version of Generate Press, in which you will get many features which should be there in a news website ,the design is very clean and in this you will get fast loading speed and higher pagespeed results.
How to setup GP news wordpress theme
Step 1 - First you need to import this file by navigating = tools >import >wordpress importer tools in WordPress, in this file we have added pages and style and patterns for creating this news blog
Step 2 -now you need to add this custom CSS in theme> customize > add CSS > paste option
/* GeneratePress Site CSS by dktechnozone.in*/
.main-navigation {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/* Featured widget */
.separate-containers .page-header {
background: transparent;
padding-top: 20px;
padding-bottom: 20px;
}
.widget {
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.page-header h1 {
font-size: 1.5em;
}
.button, .wp-block-button .wp-block-button__link {
padding: 15px 25px;
}
@media (max-width: 768px) {
.post-image img {
max-width: 100%;
}
}
/*Read More Button Style*/
.read-more-bt {
transition: 0.5s;
background-size: 200% auto;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
a.read-more.button,
input[type="submit"] {
font-size: 15px;
padding: 10px 20px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
border-radius: 5px;
}
/*Images Style*/
.page-header-image-single .attachment-full {
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
/*social-sharing-buttons*/
.wpjankari-social-wrapper {
margin: 15px;
font-size: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
}
.wpjankari-social-sharing {
padding: 8px;
margin: 4px;
border-radius: 4px;
flex: 1;
}
@media only screen and (max-width: 600px) {
.wpjankari-social-sharing {
display: inline-block;
}
}
.wpjankari-social-sharing svg {
position: relative;
top: 0.15em;
display: inline-block;
}
.wpjankari-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.wpjankari-social-twitter {
fill: #fff;
background-color: rgba(0, 0, 0);
}
.wpjankari-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.wpjankari-social-telegram {
fill: #fff;
background-color: rgb(2, 126, 189);
}
.wpjankari-social-reddit {
fill: #fff;
background-color: rgba(255, 87, 0, 1);
}
/*Comment Box*/
.comment-respond .comment-reply-title {
padding: 10px 10px 10px 25px;
background-color: var(--accent);
border-radius: 5px;
color: white !important;
font-weight: 500;
font-size: 20px !important;
}
/* End GeneratePress Site CSS */
Copy css code
Step 3 - now you need to import the generate press setting by clicking on themes >generate press > import settings >choose json file and import, you will see this import option at the of page in bottom side
Last word
In this post we will provided information about Generatepress news theme customisation , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.
Dhanjee Rider
Dk Technozone An Editor,Programmer, grafix Designer Website Designer,Android Geek, Instagram Filter Seller,Blloger, Seo Expert, Wordpress Geek etc. Telegram
