मैं css का उपयोग करके लोगो के आगे ई-मेल और टेलीफोन नंबर जोड़ना चाहता हूं। मैं इनके लिए आइकन भी दिखाना चाहता हूं।

अब मैं एक प्लगइन का उपयोग कर रहा हूं लेकिन मैं संतुष्ट नहीं हूं।

मेरी साइट है www.medifastservices.com

मेरा वर्तमान कोड है:

<div class="container">
                <div class="site-branding">
                <div class="site-brand-inner has-logo-img"><div class="site-logo-div"><a href="https://www.medifastservices.com/" class="custom-logo-link  no-t-logo" rel="home" itemprop="url"><img width="170" height="53" src="https://www.medifastservices.com/wp-content/uploads/2018/08/ico-ambulance-e1533995942143.png" class="custom-logo" alt="MediFast Services" itemprop="logo" /></a></div></div>                </div>
                <div class="header-right-wrapper">
                    <a href="#0" id="nav-toggle">Menu<span></span></a>
                    <nav id="site-navigation" class="main-navigation" role="navigation">
                        <ul class="onepress-menu">
                            <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-11 current_page_item menu-item-41"><a href="https://www.medifastservices.com/">Homepage</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://www.medifastservices.com/ambulance/">Ambulance</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://www.medifastservices.com/courier/">Courier</a></li>
<li id="menu-item-86" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-86"><a href="tel:+35722100444">22100444</a></li>
                        </ul>
                    </nav>
                    <!-- #site-navigation -->
                </div>
0
zinon 11 अगस्त 2018, 17:53

2 जवाब

आप ईमेल और फ़ोन आइकन का उपयोग करने के लिए फ़ॉन्ट का उपयोग कर सकते हैं

0
Trickfilm400 11 अगस्त 2018, 17:58
हाँ ज़रूर, लेकिन मैं पहले टेक्स्ट जोड़ना चाहता हूँ।
 – 
zinon
11 अगस्त 2018, 18:05

हाय वहाँ आप कुछ ऐसा कर सकते हैं जैसे: चयनकर्ता के बाद। आशा है कि यह लिंक आपके लिए Align Text Beside FontAwesome Icon में मददगार होगा।

यदि आप पहले टेक्स्ट जोड़ना चाहते हैं तो आप सीएसएस में चयनकर्ता से पहले उस टैग में उपयोग कर सकते हैं जिसमें आपका आइकन है।

0
Shairam Sritharan 11 अगस्त 2018, 18:23