मैं एक Wordpress वेबसाइट पर काम कर रहा हूँ और मैं टेम्पलेट से छोटी चीज़ों को बदलने के लिए कस्टम CSS का उपयोग करता हूँ। इसलिए मैं केवल html और CSS के साथ काम करना जानता हूं। लेकिन अब मुझे एक समस्या है...

मेरा लोगो अपलोड करने के बाद, हैडर अनुपात से थोड़ा बाहर खिंचाव लगता है। ऐसा लगता है कि लोगो के ऊपर बहुत अधिक पैडिंग है, इसके नीचे और अधिक, जिससे यह असमान दिखता है और हेडर पूरी तरह से थोड़ा बड़ा दिखता है। इसमें बहुत अधिक सफेद स्थान है... जबकि यह पतला था और लोगो को अपलोड करने से पहले बहुत अधिक सुव्यवस्थित था।

जिस पेज के लिए मुझे मदद चाहिए: https://delizabeth.nl

क्या कोई ऐसा तरीका है जिससे कोई मुझे इसे ठीक करने में मदद कर सकता है।

0
Freddie 16 नवम्बर 2020, 19:14

3 जवाब

सबसे बढ़िया उत्तर

आपके शीर्षलेख में 200px का max-height है। छवि को जिस तरह से जोड़ा गया है, वास्तविक सामग्री उस ऊंचाई से अधिक है और नीचे से कट जाती है।

Header exceeds max-height

लोगो के चारों ओर पैडिंग होती है और नीचे मार्जिन होता है। चूंकि इसमें केवल नीचे की तरफ मार्जिन होता है, टेक्स्ट को लंबवत रूप से केंद्रित नहीं किया जाता है जहां छवि का केंद्र होता है, लेकिन मार्जिन सहित बीच में होता है।

Logo padding and margin

यदि आप लोगो के चारों ओर पैडिंग और मार्जिन हटाते हैं, तो अतिरिक्त खाली स्थान गायब हो जाएगा और हेडर से केवल पैडिंग ही रह जाएगी। यह तब अधिकतम-ऊंचाई के अंदर फिट बैठता है इसलिए कुछ भी नहीं काटा जाता है।

result

मुझे नहीं पता कि वह विषय कैसे काम करता है, लेकिन अगर उसकी हमेशा एक ही आईडी है तो सीएसएस होगा:

#media_image-11 {
    margin: 0;
    padding: 0;
}
1
ItsFlo 16 नवम्बर 2020, 19:39

अपने <header id="masthead"></div> तत्व के अंदर अपने <div class="wrapper"></div> के ऊपरी और निचले पैडिंग को निकालने का प्रयास करें। मैंने इसे क्रोम देव टूल्स में किया था और अब यह लंबवत भी दिखता है।

0
soulpaul 16 नवम्बर 2020, 19:24

आपको कक्षा [विजेट] (पैडिंग: प्रारंभिक;) सेट करने की आवश्यकता है और आप छवि ऊंचाई और चौड़ाई सेट कर सकते हैं।

0
Zubair Abbasi 16 नवम्बर 2020, 19:47