How to Change the CSS Style, Font, Spacing, Alignment and Color of WordPress Image Captions कैसे सीएसएस पहनाव, फ़ॉन्ट, जगह, पंक्तिबद्धता और WordPress छवि शीर्षक का रंग परिवर्तित करने

Since WordPress WordPress के बाद से version 2.6 2.6 संस्करण , WordPress has added a built-in shortcode, “Caption”, which will be automatically rendered and translated into standard HTML CSS code to display the caption for the photo or image, which saved via media uploader, beneath it. , WordPress जोड़ा एक shortcode में बनाया, "शीर्षक", जो स्वचालित रूप से प्रदान की जाएगी और मानक HTML सीएसएस कोड में अनुवाद की तस्वीर या छवि है, जो अपलोडर मीडिया ने इसे नीचे, के द्वारा बचाया के लिए शीर्षक का प्रदर्शन किया है.

However, when WordPress appends the DIV styles to print the caption title under the picture or image, WordPress makes use of default alignment, color, font, spacing, and other styling attributes to display the image captions. बहरहाल, जब WordPress DIV शैलियों appends को चित्र या छवि के अंतर्गत शीर्षक शीर्षक प्रिंट, WordPress डिफ़ॉल्ट संरेखण, रंग, फ़ॉन्ट, खाली स्थान का उपयोग करता है, और अन्य स्टाइल के लिए छवि कैप्शन प्रदर्शन गुण.

The default CSS styles for image with the caption may potentially breaks the blog or web page layout, does not validate against W3C xHTML standard, appears too closely with the text with no spacing in the post or page, or does not align as author's wish. डिफ़ॉल्ट सीएसएस छवि के लिए शीर्षक संभावित ब्लॉग या वेब पेज लेआउट के साथ टूट सकता है शैलियों, W3C XHTML मानक के खिलाफ मान्य नहीं है, पद या पृष्ठ, में कोई अंतर के साथ पाठ के साथ भी निकट से प्रतीत होता है या नहीं लेखक की इच्छा के रूप में संरेखित करें.

For blogger who wants to modify the CSS styles of the caption that shows the image captions on screen after parsing the shortcode, add the following CSS code into the active theme's style.css file: ब्लॉगर जो शीर्षक है कि shortcode पार्स करने के बाद स्क्रीन पर छवि शीर्षकों से पता चलता है, के सीएसएस शैलियों को संशोधित सक्रिय है विषय style.css फ़ाइल में निम्नलिखित सीएसएस कोड जोड़ने के लिए करना चाहता है:

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

Above HTML CSS declaration is taken from WordPress 2.6 default theme. इसके बाद के संस्करण HTML सीएसएस घोषणा से WordPress 2.6 डिफ़ॉल्ट विषय लिया है. These newly added CSS styles are used to control and assign the appearance of the caption for the image posted on blog. इन नए जोड़े सीएसएस शैलियों को नियंत्रण और छवि के लिए शीर्षक का स्वरूप प्रदान किया जाता है ब्लॉग पर पोस्ट किया. Modify the code above in “style.css” file according to your own preference to have your own design and look. "Style.css 'में उपरोक्त कोड संशोधित अपनी पसंद के अनुसार अपने डिजाइन और देखो फ़ाइल.

IMPORTANT : The page is machine translated and provided "as is" without warranty. महत्वपूर्ण: पृष्ठ की मशीन है और अनुवाद प्रदान "के रूप में वारंटी के बिना है." Machine translation may be difficult to understand. मशीन अनुवाद मुश्किल से समझ सकते हो. Please refer to कृपया उल्लेख करने original English article मूल अंग्रेजी लेख whenever possible. जब भी संभव है.

Related Articles संबंधित लेख

• How to Disable Image and Video Captions Feature and Auto Adding of Shortcode in WordPress 2.6 अक्षम छवि और वीडियो शीर्षक फ़ीचर और ऑटो 2.6 WordPress में Shortcode से जोड़ने के लिए कैसे
• Caption Disabler WordPress Plugin to Disable and Remove Captions Functionality कैप्शन Disabler WordPress अक्षम करें और हटाएँ शीर्षक कार्यशीलता के लिए प्लगइन
• Switch and Change Back to Office 2003 Default Font and Style Set in Office Word 2007 स्विच और परिवर्तन का पिछला कार्यालय 2003 डिफ़ॉल्ट फ़ॉन्ट और Office Word 2007 में पहनाव सेट के लिए
• Download ING Change Font to Personalize your Windows Mobile Device डाउनलोड आईएनजी बदलें फ़ॉन्ट अपने Windows मोबाइल डिवाइस के लिए निजीकृत
• How to Change the Frequency or Interval WordPress Auto Saves An Editing Post or Page कैसे आवृत्ति या अंतराल WordPress ऑटो बचाता एक संपादन पोस्ट या पृष्ठ को बदलें
• How to Customize, Modify or Change WordPress Database Connection Error Page अनुकूलित करें, संशोधित करें या बदलें WordPress डाटाबेस कनेक्शन त्रुटि पेज में कैसे
• WordPress 2.6 with Change Revision Tracking Feature Available for Free Download बदलें संशोधन नज़र रखने की सुविधा के साथ उपलब्ध नि: शुल्क डाउनलोड के लिए WordPress 2.6
• Paginating or Split WordPress Post or Page with NextPage in WordPress Not Working Paginating या भाजित WordPress पोस्ट या पृष्ठ NextPage के साथ WordPress में काम नहीं कर
• 3 Column Relaxation WordPress Theme comments-paged.php for Paged-Comments WordPress Plugin 3 कॉलम आराम WordPress थीम टिप्पणियाँ-संपर्क के लिए paged.php-टिप्पणियाँ WordPress प्लगइन
• AdSense New Ads Style with Horizontal Image and Ad Links ऐडसेंस क्षैतिज और छवि विज्ञापन लिंक के साथ नये विज्ञापन पहनाव

This entry was posted on Saturday, July 19th, 2008 at 3:21 am and is filed under इस प्रविष्टि शनिवार को पोस्ट, 19 जुलाई 2008 3:21 पर और किया जा रहा है हूँ दायर किया गया Weblogs वेबलॉग . . You can follow any responses to this entry through the आप के माध्यम से इस प्रविष्टि के लिए किसी भी प्रतिक्रियाओं का पालन कर सकते हैं RSS 2.0 RSS 2.0 feed. You can फ़ीड आप कर सकते हैं. leave a response एक प्रतिक्रिया छोड़ , or , या trackback Trackback from your own site. से अपनी साइट.