Successbranch

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

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 करना क्यों जरुरी है

ये कोई जरुरी तो है नहीं लेकिन साइट जितना अट्रैक्टिव होगा लोग उससे इम्प्रेस होंगे जो आपके साइट के फ्यूचर के लिए अच्छा होगा और दूसरा है सभी साइट से अलग दिखना generatepress use करने वालो की कमी नहीं है और लगभग सभी का Default 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 को डिज़ाइन करने के बारे मे इस पोस्ट से जुडा कोई सवाल हो तो हमें कमेंट बॉक्स के माध्यम से बता सकते है

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

Share on:
Avatar for Mr Manish

My Name is manish i am the founder of this successbranch blog. the main objective this blog is to promote hindi in the world . for this, i share all kinds of information here in hindi Learn More

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.