Custom CSS & hiding parts of website via CSS

बहुत सामान्य अनुरोध वेबसाइट पर विशिष्ट भागों को छिपाने से संबंधित होते हैं, जिनके व्यवस्थापक पक्ष पर अपना स्वयं का चालू/बंद बटन नहीं होता है। चूंकि फ्रंटएंड पर प्रत्येक विवरण के लिए थीम एडमिन बटन रखना संभव नहीं है, यदि आप भाग को हटाने के लिए HTML कोड के संपादन से परिचित नहीं हैं तो आप सीएसएस का उपयोग करके अवांछित भागों को छिपा सकते हैं।

हटाने के लिए भाग का पता लगाएँ

आप ब्राउज़र डेवलपर टूल का उपयोग करके उस सटीक भाग का पता लगा सकते हैं जिसे आप हटाना चाहते हैं।
मान लीजिए कि आप ब्लॉग पोस्ट के अंतर्गत दिनांक और लेखक वाले भाग को हटाना चाहते हैं, तो इस भाग पर राइट-क्लिक करें तत्व का निरीक्षण करें और ब्राउज़र डेवलपर टूल खोलें:

डेवलपर टूल खोलें

अपने स्रोत कोड पर माउस कर्सर ले जाकर आप पृष्ठ पर हाइलाइट किया गया अनुभाग देख सकते हैं जो आपके माउस कर्सर के नीचे स्रोत कोड की एक पंक्ति को संदर्भित करता है:

स्रोत में तत्व खोजें

इस तरह से आप वह पा सकते हैं जिसे आप छिपाना चाहते हैं - उदाहरण के लिए ऊपर दिए गए स्क्रीनशॉट का संदर्भ लें यदि यह सभी अनुभाग दिनांक और लेखक के साथ है, या केवल दिनांक अनुभाग है, या केवल लेखक अनुभाग है।

चयनित अनुभाग को छिपाने के लिए CSS लिखें

जब आपने कोई ऐसा भाग चुना है जिसे आप छिपाना चाहते हैं, तो अपनी सीएसएस शैलियों में चयनित HTML टैग की आईडी या क्लास विशेषता का उपयोग करें, या इस टैग के लिए थीम द्वारा उपयोग किए गए सटीक सीएसएस चयनकर्ता का उपयोग करें। थीम द्वारा उपयोग किए गए चयनित टैग के लिए सीएसएस चयनकर्ता आप ब्राउज़र डेवलपर टूल के दाईं ओर पा सकते हैं।
उदाहरण के लिए, यदि आपने दिनांक और लेखक के साथ पूरे भाग को हटाने का निर्णय लिया है, तो थीम द्वारा उपयोग किया जाने वाला चयनकर्ता है: .एल्म-पोस्ट-मुख्य .आइटम .आइटम-जानकारी

टैग के लिए सीएसएस चयनकर्ता

HTML टैग को किनारे पर छिपाने के लिए CSS शैली "डिस्प्ले: कोई नहीं" है, आप इसका भी उपयोग कर सकते हैं !महत्वपूर्ण सीएसएस शैली को किसी अन्य सीएसएस के साथ ओवरराइट करने से रोकने के लिए स्टेटमेंट।

तो दिनांक और लेखक के साथ भाग को छिपाने के लिए अंतिम सीएसएस शैली होगी:

.elm-posts-main .item .item-info { प्रदर्शन: कोई नहीं !महत्वपूर्ण; }

कस्टमाइज़र में कस्टम सीएसएस कोड जोड़ें

आप इसमें कस्टम CSS कोड जोड़ सकते हैं प्रकटन > अनुकूलित करें > अतिरिक्त सीएसएस

प्रकाशित करने के बाद आप इसे अपनी वेबसाइट पर देख सकते हैं:

एप्लाइड_सीएसएस_स्टाइल