GeneratePress Theme Custome CSS Code for Customization

Customize your GeneratePress theme using the custom CSS Code given below. you can make your site look better from this code. You can add this CSS in your CSS section. GeneratePress theme is Google Adsense friendly and also has better speed in Google tools.

Custom CSS Code

/* read more button start */
a.gb-button {
    background-image: linear-gradient(to right, #1CB0FE 0, #12D7FA 51%, #1CB0FE 100%) !important;
}
a.gb-button {
    font-size: 14px;
    padding: 10px 25px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
    border-radius: 120px;
}

/* read more button end */


/* archive featured image start */

.gb-block-image img {
    vertical-align: middle;
    margin-top: 0px;
    border-radius: 12px;
    box-shadow: rgba(23, 43, 99, 0.2) 0 7px 28px !important;
}

/* archive featured image end */

/* post featured image start */

.page-header-image-single .attachment-full {
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
    border-radius: 25px;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
}

/* post featured image end */


/* saerch button start */

.wp-block-search__button {
    border-radius: 20px;
    font-size: 13px !important;
    padding: 8px 20px !important;
    text-align: center;
    color: #fff !important;
    box-shadow: rgb(23 43 99 / 30%) 0 4px 28px !important;
	background-color: #1CB0FE;
}

/* saerch button end */

/* sidebar widget title start */


.widget-title {
    padding: 10px 10px;
    background-image: linear-gradient(to right, #1CB0FE 0, #12D7FA 51%, #1CB0FE 100%) !important;
    border-radius: 10px;
    font-weight: 500;
    color: #fff !important;
    font-size: 18px !important;
    text-align: center;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
#rpwwt-recent-posts-widget-with-thumbnails-1 img {
    width: 50px;
    height: 50px;
}
.rpwwt-widget ul li img {
    display: inline;
    float: left;
    margin: 0.2em 0.75em 0.75em 0;
}
.rpwwt-widget img {
    border-radius: 4px;
}


.widget-area .widget {
    padding: 30px;
}

Enjoy your theme.