We have made a premium design for your website using Custom CSS to customize the GeneratePress Theme to a better look and feel with SEO and Speed optimization.
If you also want to customize your GeneratePress Theme and give a new look to your website, then today we will give you the GeneratePress Theme Customization CSS Code which can change the look of your website.
To apply this code, first of all, you must activate the GeneratePress Theme in your WordPress Theme. If you have not installed the Premium Theme of GeneratePress Theme, then first of all you will have to install the Premium of GeneratePress Theme. There is no need to take tension, we will also provide a premium theme for you for free.
Archive Loop Template
<!-- wp:generateblocks/query-loop {"uniqueId":"27a53e09","inheritQuery":true,"query":{"post_type":"post","per_page":10}} -->
<!-- wp:generateblocks/grid {"uniqueId":"2f44cc1d","columns":1,"verticalGap":20,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"fd6fcffb","isGrid":true,"isQueryLoopItem":true,"gridId":"2f44cc1d","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"100%"},"spacing":{"paddingTop":"10px","paddingRight":"10px","paddingBottom":"10px","paddingLeft":"10px","paddingTopMobile":"30px","paddingRightMobile":"30px","paddingBottomMobile":"30px","paddingLeftMobile":"30px"},"paddingSyncUnits":true,"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/headline {"uniqueId":"2aa2cee5","blockVersion":3,"spacing":{"marginBottom":"5px"},"linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"var(\u002d\u002daccent-hover)","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<h2 class="gb-headline gb-headline-2aa2cee5 gb-headline-text"></h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/container {"uniqueId":"7ff14326","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","flexWrapTablet":"wrap","columnGap":"40px","rowGap":"20px","spacing":{"paddingTop":"10px"}} -->
<!-- wp:generateblocks/image {"uniqueId":"38a00f10","sizeSlug":"full","width":"100%","blockVersion":2,"spacing":{"paddingTop":"","marginTop":""},"borders":{"borderTopWidth":"3px","borderTopStyle":"solid","borderRightWidth":"3px","borderRightStyle":"solid","borderBottomWidth":"3px","borderBottomStyle":"solid","borderLeftWidth":"3px","borderLeftStyle":"solid","borderTopLeftRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px","borderTopRightRadius":"10px"},"useDynamicData":true,"dynamicContentType":"featured-image"} /-->
<!-- wp:generateblocks/container {"uniqueId":"1100d04b","isDynamic":true,"blockVersion":4,"flexShrink":0,"flexBasis":"55%","flexBasisTablet":"100%"} -->
<!-- wp:generateblocks/headline {"uniqueId":"d4207768","element":"div","blockVersion":3,"useDynamicData":true,"dynamicContentType":"post-excerpt","useDefaultMoreLink":false,"excerptLength":25} -->
<div class="gb-headline gb-headline-d4207768 gb-headline-text"></div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button {"uniqueId":"60d0af85","hasUrl":false,"blockVersion":4,"display":"inline-flex","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"9px","paddingRight":"25px","paddingBottom":"9px","paddingLeft":"25px","marginTop":"10px"},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent-hover)","textColor":"#ffffff","textColorHover":"#ffffff","useDynamicData":true,"dynamicLinkType":"single-post","className":"uws-button"} -->
<span class="gb-button gb-button-60d0af85 gb-button-text uws-button">Read more</span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- wp:generateblocks/container {"uniqueId":"4dc632a1","isDynamic":true,"blockVersion":4,"variantRole":"button-container","display":"flex","spacing":{"marginTop":"20px"},"isPagination":true} -->
<!-- wp:generateblocks/button {"uniqueId":"f2c46de0","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"textColor":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dcontrast-2)","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"},"useDynamicData":true,"isPagination":true,"dynamicLinkType":"pagination-prev","dynamicLinkRemoveIfEmpty":true} -->
<span class="gb-button gb-button-f2c46de0"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path></svg></span><span class="gb-button-text">Previous</span></span>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"8a92b969","hasUrl":false,"blockVersion":4,"display":"inline-flex","spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"textColor":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dcontrast-2)","textColorCurrent":"var(\u002d\u002dcontrast-2)","useDynamicData":true,"isPagination":true,"dynamicContentType":"pagination-numbers"} -->
<span class="gb-button gb-button-8a92b969 gb-button-text">1 2 … 10</span>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"0da14d3f","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"textColor":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dcontrast-2)","hasIcon":true,"iconLocation":"right","iconPaddingRight":"","iconStyles":{"width":"1em","height":"1em","paddingLeft":"0.5em"},"useDynamicData":true,"isPagination":true,"dynamicLinkType":"pagination-next","dynamicLinkRemoveIfEmpty":true} -->
<span class="gb-button gb-button-0da14d3f"><span class="gb-button-text">Next</span><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></span>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/query-loop -->
GeneratePress Sidebar Element
<!-- wp:generateblocks/container {"uniqueId":"356d0541","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","rowGap":"20px"} -->
<!-- wp:generateblocks/container {"uniqueId":"d8499018","fontFamilyFallback":"sans-serif","googleFont":true,"googleFontVariants":"100, 100italic, 200, 200italic, 300, 300italic, regular, italic, 500, 500italic, 600, 600italic, 700, 700italic, 800, 800italic, 900, 900italic","isDynamic":true,"blockVersion":4,"sizing":{"height":""},"typography":{"fontSize":"5px","fontFamily":"Poppins"},"spacing":{"paddingTop":"10px","paddingRight":"10px","paddingBottom":"10px","paddingLeft":"10px","marginTop":"5px","marginBottom":"5px"},"className":"container-widget"} -->
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search....","buttonText":"Search"} /-->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"6a176ec8","isDynamic":true,"blockVersion":4,"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px"},"className":"container-widget"} -->
<!-- wp:generateblocks/container {"uniqueId":"3348225d","isDynamic":true,"blockVersion":4} -->
<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Follow Us</strong></h2>
<!-- /wp:heading -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"63330cf4","isDynamic":true,"blockVersion":4,"variantRole":"button-container","display":"flex","flexDirection":"column"} -->
<!-- wp:generateblocks/button {"uniqueId":"f6aae181","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSize":"15px","textAlign":"center"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#1877f2","backgroundColorHover":"#156cdc","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-f6aae181" href="https://www.facebook.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></span><span class="gb-button-text">Facebook</span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"c0c430ff","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#0ea2f8","backgroundColorHover":"#0b8edb","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-c0c430ff" href="https://twitter.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span><span class="gb-button-text">Twitter</span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"11d6ead1","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#e60606","backgroundColorHover":"#ce0606","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-11d6ead1" href="https://www.youtube.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></span><span class="gb-button-text">YouTube</span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"581b4ceb","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","columnGap":"0.5em","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#405de6","backgroundColorHover":"#405de6","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-581b4ceb" href="https://www.youtube.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span><span class="gb-button-text">Instagram</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"1e20c17b","backgroundColor":"var(\u002d\u002dbase-3)","bgOptions":{"selector":"element","opacity":1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"shapeDividers":[],"isDynamic":true,"blockVersion":4,"useInnerContainer":true,"spacing":{"paddingTop":"30px","paddingRight":"20px","paddingBottom":"30px","paddingLeft":"20px","marginTop":"10px","marginBottom":"10px"},"className":"container-widget"} -->
<!-- wp:generateblocks/headline {"uniqueId":"838fca02","blockVersion":3,"typography":{"fontSize":"24px","textAlign":"center"},"spacing":{"paddingTop":"7px","paddingRight":"7px","paddingBottom":"7px","paddingLeft":"7px"},"borders":{"borderTopRightRadius":"40px","borderBottomRightRadius":"40px","borderBottomLeftRadius":"40px","borderTopLeftRadius":"40px"},"backgroundColor":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dbase-3)"} -->
<h2 class="gb-headline gb-headline-838fca02 gb-headline-text">Recent Posts</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/query-loop {"uniqueId":"612787da","query":{"post_type":"post","per_page":"8"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"2d83fe74","columns":1,"verticalGap":10,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"useLegacyRowGap":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"41e9886c","isGrid":true,"isQueryLoopItem":true,"gridId":"2d83fe74","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"100%"},"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/grid {"uniqueId":"6976bfa4","columns":2,"horizontalGap":15,"verticalGap":10,"verticalAlignmentTablet":"center","isDynamic":true,"blockVersion":3,"useLegacyRowGap":true} -->
<!-- wp:generateblocks/container {"uniqueId":"077353f5","isGrid":true,"gridId":"6976bfa4","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"33.33%","widthMobile":"33.33%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"743f9534","sizeSlug":"medium","widthMobile":"100%","objectFit":"cover","blockVersion":2,"borderRadiusUnit":"%","useDynamicData":true,"dynamicContentType":"featured-image"} /-->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"277ca434","isGrid":true,"gridId":"6976bfa4","verticalAlignment":"center","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"66.66%","widthMobile":"66.66%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"a69df127","element":"h3","blockVersion":3,"typography":{"fontSize":"14px","fontWeight":"600","fontSizeMobile":"14px"},"spacing":{"marginBottom":"5px"},"linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"var(\u002d\u002daccent-hover)","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<h3 class="gb-headline gb-headline-a69df127 gb-headline-text"></h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
GeneratePress Theme Customization CSS
- Login to your WordPress dashboard.
- Go to Appearance and click on Customization.
- Under Customization, scroll down, click on Additional CSS, and paste the given CSS code.
- Finally, click on Publish.
- Clear your cache and refresh.
/* GeneratePress CSS Design /
.inside-article,
.sidebar .widget,
.comments-area {
border-right: 2px solid rgba(0, 0, 0, 0.07);
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}
/* Font CSS */
.page-header-image-single .attachment-full {
box-shadow: rgb(23 43 99 / 20%) 0 2px 25px;
border-radius: 10px;
}
.sidebar .widget {
box-shadow: rgb(23 43 99 / 10%) 0 5px 25px;
}
.separate-containers .page-header {
background: transparent;
padding-top: 20px;
padding-bottom: 20px;
}
.page-header h1 {
font-size: 1.5em;
}
.form-submit,
.form-submit .wp-block-button__link {
padding: 15px 25px;
}
@media (max-width: 768px) {
.post-image img {
max-width: 100%;
}
}
/*Comment Box*/
.comment-respond .comment-reply-title {
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right,#4CB8C4 0%,#3CD3AD 51%,#4CB8C4 100%);
border-radius: 40px;
font-weight: 500;
color: white !important;
font-size: 20px !important;
box-shadow: rgba(23, 43, 99, .3) 0 5px 25px;
}
.form-submit .submit {
background-image: linear-gradient(to right, #4cb8c4 0, #3cd3ad 51%, #4cb8c4 100%);
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;
}
/*End Comment Box*/
/* Sidebar search section css */
.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 7px 23px;
border-radius: 8px;
}
.wp-block-search__input {
border: none !important;
border-bottom: 1px solid #000000 !important;
background: 0 0 !important;
font-size: 15px;
padding: 5px 2px !important;
}
.wp-block-search__input {
padding: 8px;
flex-grow: ;
margin-left: 0;
margin-right: 0;
min-width: 3em;
border: 1px solid #949494;
text-decoration: unset!important;
}
.wp-block-search__button {
border-radius: 20px;
font-size: 13px !important;
padding: 8px 20px !important;
text-align: center;
color: #fff !important;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px !important;
}
.wp-block-search__button {
background-image: linear-gradient(to right, #4cb8c4 0, #3cd3ad 51%, #4cb8c4 100%) !important;
}
.wp-element-button {
cursor: pointer;
}
.wp-block-search__button {
margin-left: 0.625em;
word-break: normal;
}
/* End Sidebar search section css */
.entry-content a:not(.button):not(.wp-block-button__link):not(.gb-button) {
text-decoration: none;
background-image: linear-gradient(transparent 2px, #2ed392 2px, #2ed392 4px, transparent 4px), linear-gradient(transparent 2px, #003cff 2px, #d8dce9 4px, transparent 5px);
background-size: 0 6px, 100% 6px;
background-position: 0 bottom, 0 bottom;
transition: background-size 0.3s ease-in-out;
background-repeat: no-repeat;
padding-bottom: 4px;
font-weight: 700;
}
.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}
.entry-content ul li {
margin: 8px 0;
list-style: none;
margin-left: -5px;
text-decoration: none;
background-image: linear-gradient(transparent 2px, #2ed392 2px, #2ed392 4px, transparent 4px), linear-gradient(transparent 2px, #d8dce9 2px, #d8dce9 4px, transparent 4px);
background-size: 1 2px, 100% 2px;
background-position: 0 bottom, 0 bottom;
transition: background-size 0.3s ease-in-out;
background-repeat: no-repeat;
padding-bottom: 8px;
font-weight: 300;
}
.inside-article a, .paging-navigation a, .comments-area a, .page-header a {
color: #000000;
}
Header Background Color Code
/* Header Background Color By chat4now*/
:root {
--main: linear-gradient(90deg, rgba(19,16,222,1) 0%, rgba(20,143,223,1) 23%);
}
.main-navigation,
.main-navigation ul ul {
background-image: var(--main);
}
/* Header Background Color By chat4now*/
Custom Footer Code
<!-- wp:generateblocks/container {"uniqueId":"c13ca7a2","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"spacing":{"paddingTop":"40px","paddingRight":"20px","paddingBottom":"5px","paddingLeft":"20px"},"borders":{"borderTopWidth":"1px","borderTopStyle":"solid","borderTopColor":"rgba(18, 18, 18, 0.07)"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"afed7276","columns":3,"horizontalGap":30,"verticalGap":30,"horizontalAlignment":"center","isDynamic":true,"blockVersion":3,"useLegacyRowGap":true} -->
<!-- wp:generateblocks/container {"uniqueId":"5ab3db75","isGrid":true,"gridId":"afed7276","verticalAlignment":"center","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"45%","widthTablet":"45%","widthMobile":"100%"},"spacing":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px","marginRight":"30px","marginRightMobile":"10px","marginLeftMobile":"10px"}} -->
<!-- wp:generateblocks/container {"uniqueId":"1502688a","isDynamic":true,"blockVersion":4,"useInnerContainer":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"13f3887f","element":"h4","blockVersion":3,"display":"flex","alignItems":"center","typography":{"fontSize":"24px","fontWeight":"bold"},"textColor":"var(\u002d\u002dbase-3)"} -->
<h4 class="gb-headline gb-headline-13f3887f gb-headline-text">Website Name</h4>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"fa10744f","element":"p","blockVersion":3,"typography":{"fontSize":"14px"},"textColor":"var(\u002d\u002dcontrast-3)"} -->
<p class="gb-headline gb-headline-fa10744f gb-headline-text">Hi, I am Roton Kumar Roy a part-time Blogger, Youtuber, and founder of Chat4Now.com. Here, I post about blogging to help people make money online.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"b0e96d4f","isDynamic":true,"blockVersion":4,"useInnerContainer":true} -->
<!-- wp:generateblocks/button-container {"uniqueId":"a01a8dca","alignment":"left","isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/button {"uniqueId":"6cf3b6d8","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"hasButtonContainer":true,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"marginRight":"30px","marginBottom":"20px"},"textColor":"var(\u002d\u002dbase)","textColorHover":"#bbbbbb","hasIcon":true,"removeText":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-6cf3b6d8" href="#" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"f28bd947","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"hasButtonContainer":true,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"marginRight":"30px","marginBottom":"20px"},"textColor":"var(\u002d\u002dbase)","textColorHover":"#bbbbbb","hasIcon":true,"removeText":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-f28bd947" href="#" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"c0b0a68d","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"hasButtonContainer":true,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"marginRight":"30px","marginBottom":"20px"},"textColor":"var(\u002d\u002dbase)","textColorHover":"#bbbbbb","hasIcon":true,"removeText":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-c0b0a68d" href="#" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"d22b2f7f","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"hasButtonContainer":true,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"marginRight":"30px","marginBottom":"20px"},"textColor":"var(\u002d\u002dbase)","textColorHover":"#bbbbbb","hasIcon":true,"removeText":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-d22b2f7f" href="#" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/button-container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"0f91740e","isGrid":true,"gridId":"afed7276","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"26%","widthTablet":"25%","widthMobile":"100%"},"spacing":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"4da1108d","element":"h6","blockVersion":3,"typography":{"fontSize":"16px","fontWeight":"500"},"textColor":"var(\u002d\u002dbase-3)"} -->
<h6 class="gb-headline gb-headline-4da1108d gb-headline-text">Categories</h6>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"ac0e08e5","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"10px"},"textColor":"var(\u002d\u002dbase-3)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-ac0e08e5 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/category/love/">Category 1</a></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"aff8ab09","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"10px"},"textColor":"var(\u002d\u002dcontrast-3)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-aff8ab09 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/category/wishes/">Category 2</a></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"52215350","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"10px"},"textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-52215350 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/category/events/">Category 3</a></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"f8cf8a65","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-f8cf8a65 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/category/anniversary/">Category 4</a></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"fe8be43b","isGrid":true,"gridId":"afed7276","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"26%","widthTablet":"25%","widthMobile":"100%"},"spacing":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"e1da985c","element":"h6","blockVersion":3,"typography":{"fontSize":"16px","fontWeight":"500"},"textColor":"var(\u002d\u002dbase-3)"} -->
<h6 class="gb-headline gb-headline-e1da985c gb-headline-text">Site Links</h6>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"5ddf5cb5","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"10px"},"textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-5ddf5cb5 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/about-us/">About Us</a></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"c59ba1cd","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"10px"},"textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-c59ba1cd gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/disclaimer/">Disclaimer</a></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"96939281","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"10px"},"textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-96939281 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/contact-us/">Contact Us</a></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"86a5ffed","element":"p","blockVersion":3,"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast-3)","linkColorHover":"var(\u002d\u002daccent-hover)"} -->
<p class="gb-headline gb-headline-86a5ffed gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/privacy-policy/">Privacy Policy</a></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"6c410209","backgroundColor":"#1d1d1d","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"25px","paddingLeft":"20px"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"96d7f280","columns":2,"horizontalGap":30,"verticalGap":30,"horizontalAlignment":"center","isDynamic":true,"blockVersion":3,"useLegacyRowGap":true} -->
<!-- wp:generateblocks/container {"uniqueId":"214b20c5","isGrid":true,"gridId":"96d7f280","removeVerticalGap":true,"removeVerticalGapTablet":true,"removeVerticalGapMobile":true,"isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"spacing":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px","marginBottomMobile":"10px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"4086ad29","element":"p","blockVersion":3,"typography":{"fontSize":"13px","letterSpacing":"0.04em","textAlignMobile":"center"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dbase)","linkColor":"var(\u002d\u002dbase-2)","linkColorHover":"var(\u002d\u002dbase)"} -->
<p class="gb-headline gb-headline-4086ad29 gb-headline-text">2023 © Chat4Now | All rights reserved</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"72705691","isGrid":true,"gridId":"96d7f280","removeVerticalGap":true,"removeVerticalGapTablet":true,"removeVerticalGapMobile":true,"isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"typography":{"textAlignMobile":"center"},"spacing":{"paddingTop":"0px","paddingRight":"0px","paddingBottom":"0px","paddingLeft":"0px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"4b7e9038","element":"p","blockVersion":3,"typography":{"fontSize":"13px","letterSpacing":"0.04em","textTransform":"capitalize","textAlign":"right","textAlignMobile":"center"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dbase)","linkColor":"var(\u002d\u002dbase)","linkColorHover":"#c5c5c5"} -->
<p class="gb-headline gb-headline-4b7e9038 gb-headline-text"><a href="#">Terms and Conditions</a> | <a href="#" data-type="URL" data-id="https://images.wpjankari.com/privacy-policy/">Privacy Policy</a> | <a href="#" data-type="URL" data-id="https://images.wpjankari.com/disclaimer/">Disclaimer</a></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
Floating Social Sharing Code
After the Post Social Sharing Button
Author Box in GeneratePress Theme
I hope you liked this article GeneratePress Theme Customization. if you have any questions in your mind, please write in the comment box and share this post with your friends on social media platforms Facebook and Twitter.