Generatepress news theme customisation

 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

Buy design 300 rs

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

Download setting file