HTML CSS Code For Add Read More Button In Free Astra Theme

सबसे पहले आपको थीम के

Read More Button अगर आपकी साइट में नहीं आ रहा है और आपने अपने वर्डप्रेस साइट में Astra Theme यूज़ की है तो आपको नीचे दिए Css कोड का उपयोग करना है आपको Astra Theme के Customize Theme में जाना है और फिर आपको वहां पर Blog ऑप्शन पर क्लिक करना है और फिर Blog / Achrive ऑप्शन पर क्लिक करना है फिर आपको नीचे आना है आपको Element दिखाई देगें जहां आपको Read More Element दिखाई देगा आप उसे चेक करे कहीं वो डिसएबल तो नहीं है अगर डिसएबल है तो आप उसे इनेबल करे इतना करने के बाद

फिर आपको नीचे दिए कोड को कॉपी करना है और फिर Customize Theme के फंक्शन में Additional Css में जाकर इस कोड को पेस्ट कर देना है आपको कोई भी CSS क्लास और प्रॉपर्टी का उपयोग नहीं करना है इस कोड में सभी चीज पहले से ऐड है बस कोड को कॉपी पेस्ट करके थीम को अपडेट कर देना है थीम अपडेट करने के बाद आप अपनी साइट में चेक करे Read More Button Show होने लगेगा ।

.read-more
{
	border: 0px solid red;
	background-color:black;
	border-radius:5px;
	padding-left:35px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
	margin-right:50px;
	align-content:center;
}
Spread the love

Leave a Comment