Generatepress Comment Reply Button Design कैसे करें

Generatepress Most popular theme है जिसके कारण इसे बहुत लोग इस्तेमाल करते है Generatepress Use करने वाले ऐसे बहुत से लोग है जो इसे कस्टमाईज़ करके थीम का डिज़ाइन पूरी तरह से बदल देते है एक – एक एलिमेंट का अपने Generatepress Design से रिप्लेस कर देते है

ऐसे एक डिज़ाइन की बात कर रहा हूँ और वो है Generatepress Comment Reply button ये generatepress मे by default होता है और इसे एक स्टाइल देना हर किसी को नहीं आता यदि आप भी ऐसे लोगो मे से है तो घबराने की बात नहीं है आप बस कुछ ही स्टेप्स को फॉलो करके Generatepress Comment Reply Button को अपने अनुसार डिज़ाइन कर सकते है

Read also ; Generatepress Homepage design कैसे करें

Comment box Reply Button Design/ Customise kaise kare

कमेंट बॉक्स रिप्लाई बटन मॉडिफाई करना बहुत ही आसान है बस इसके लिए यहाँ बताए गए प्रोसेस को फॉलो करें

Use Css Code and Style Your Comment Reply button

नीचे दिए गए Css code कॉपी करें

.reply { 
    float:right;
    margin:0 10px 10px 0;
    text-align:center;
	  font-weight: bold;
    border:1px solid #222;
    border-radius: 2px;
    padding:1px;
    width:20%;
   
}


.comment-list article {
	background-color: #eee;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 30px;
}
.comment article {
    padding-bottom:2.79rem;
}
 
.comment .children, 
.depth-1.parent>.children, 
.pingback .comment-body, 
.trackback .comment-body, 
.comment-content {
    border-top: 1px solid #fff;
	margin-bottom: 1em;
    border-radius: 5px;
}
.comment-body{
	background-color: #ffffff;
	border-top: 0px solid #222222;
	font-size:16px;
        margin:10px;
}
.comment-content{
      padding:0;
      border:0;
      margin:0;
      clear: both;
}
.comment .children{
     padding:0;
     margin:0;
}
.comment-list .comment-respond {
	margin-top: 20px;
}
.comment-respond label {
	display: none;
}
.entry-comments .comment-author {
	margin-bottom: 0;

}
.entry-pings .reply {
	display: none;
}
.comment-list .comment-reply {
	line-height: 1;
}
.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 16px;
	padding: 20px;
}

WordPress मे लॉगिन करें Appearance > Customise > additional Css मे कोड पेस्ट कर दे और Publish कर दे

नोट ; यदि कॉडिंग की थोड़ी बहुत जानकारी है तो आप इस कोड मे Changes कर सकते है

बस इतना करते ही रिप्लाई बटन पहले से अच्छा look मे आ जाएगा और कमेंट एरिया का बैकग्राउंड कलर भी बदल जाएगा

Customison ; कमेंट एरिया बैकग्राउंड कलर बदलने के लिए background: #eee की जगह अपना पसंदीदा कलर कोड ऐड करे

इस तरह से आप generatepress Comment Reply button को अपने अनुसार कस्टमाईज़ कर सकते है

ऐसे ही generatepress Tutorial in hindi के बारे मे जानने के लिए हमारे ब्लॉग की सदस्य्ता जरूर ले ताकि generatepress से रिलेटेड जितने भी नया पोस्ट हो उसकी सुचना आपको मिल जाए

आज का हमारा ये पोस्ट जिसमे हमने बताया generatepress Comment Reply button को डिज़ाइन करने के बारे मे इस पोस्ट से जुडा कोई सवाल हो तो हमें कमेंट बॉक्स के माध्यम से बता सकते है

उम्मीद है आज का हमारा ये पोस्ट आपको पसंद आया आपको लगे की ये जानकारी उपयोगी है तो इसे अपने दोस्तों के साथ साझा जरूर करें