BlogsのWhatsApp Shareボタン

私はWhatsApp共有ボタンを持っていますが、私はそれにいくつかの問題に直面しています。共有機能はうまくいきますが、ページが読み込まれたとき（またはページを離れるとき）には、ボタンの背景色がページ全体に短時間表示されて見苦しくなります。誰かが私にそれを解決するのを助けることができますか？このWhatsAppボタンの色の代わりに、ページの読み込み中に元のテーマの色が表示されるように、このコードで変更する必要はありますか？前もって感謝します。BlogsのWhatsApp Shareボタン

<style> 
body{background-color:#49C34F} 
.mct_whatsapp_btn { 
    background: #11A518; 
    color: white; 
    font-size: 16px; 
    padding: 6px 9px 6px 28px; 
    border-radius: 2px; 
    position: relative; 
    transition: ease-in all 0.3s; 
    moz-transition: ease-in all 0.3s; 
    -o-transition:ease-in all 0.3s; 
    -webkit-transition: ease-in all 0.3s; 
    text-decoration: none; 
    box-shadow: inset 3px 1px 1px rgba(17, 165, 24, 0.25); 
    border: 1px solid #028408; 
} 

.mct_whatsapp_btn:before { 
    content: ''; 
    background: url(BACKGROUND IMAGE URL); 
    position:absolute; 
    top: 6px; 
    left: 7px; 
    width:16px; 
    transition: ease-in all 0.3s; 
    moz-transition: ease-in all 0.3s; 
    -o-transition:ease-in all 0.3s; 
    -webkit-transition: ease-in all 0.3s; 
    height:16px; 
} 

.mct_whatsapp_btn:hover { 
    background: #028408; 
    text-decoration: none; 
    color:white; 
    border: 1px solid #11A518; 
    box-shadow: inset 3px 1px 1px rgba(2, 132, 8, 0.25); 
} 

.mct_whatsapp_btn:hover:before { 
    transform: rotate(360deg); 
} 
</style> 

<body> 
<div class="container"> 
<div class="row"> 
    <div class="col-md-12 well"> 


    <a class="mct_whatsapp_btn" data-link="" data-text="" href="whatsapp://send?text=">Share</a> 

    </div>

出典

2017-05-18 Michael

コードbody{background-color:#49C34F}

出典

2017-05-18 02:14:42 Bassam

の最初のブロックのおかげBassamを削除します。お試しください – Michael

あなたは大歓迎です。 – Bassam

ありがとうBassam。今はうまくいきます。再度、感謝します – Michael

答えて

関連する問題