So bearbeiten Sie Skype kontaktieren Sie mich Button CSS?

Question

Ich brauche Hilfe mit Skype kontaktieren Sie mich Button.

Standard-Skype-Taste mit margin: 24px; vertical-align: -30px; so versuche ich Rand und vertikale Ausrichtung zu entfernen, aber nichts funktioniert.

Hinzufügen von Code-Schnipsel:

Skype.ui({ 
 
    "name": "chat", 
 
    "element": "SkypeButton_Call_Sandrita.logistics_1", 
 
    "participants": ["Sandrita.logistics"], 
 
    "imageSize": 24 
 
});

#SkypeButton_Call_Sandrita.logistics_1_paraElement { 
 
    margin: 0; 
 
} 
 
#SkypeButton_Call_Sandrita.logistics_1_paraElement img { 
 
    margin: 0 !important; 
 
    vertical-align: middle !important; 
 
}

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script> 
 

 
<header> 
 
    <div class="container"> 
 
    <div id="SkypeButton_Call_Sandrita.logistics_1"></div> 
 
    </div> 
 
</header>

Vielen Dank für jede Hilfe!

Answer 1

Sie müssen Flucht die Punkte in der id Sie verwenden (beachten Sie, dass . für die Bezugnahme Klassen verwendet wird) - siehe Demo unter:

Skype.ui({ 
 
    "name": "chat", 
 
    "element": "SkypeButton_Call_Sandrita.logistics_1", 
 
    "participants": ["Sandrita.logistics"], 
 
    "imageSize": 24 
 
});

#SkypeButton_Call_Sandrita\.logistics_1_paraElement { 
 
    margin: 0; 
 
} 
 
#SkypeButton_Call_Sandrita\.logistics_1_paraElement img { 
 
    margin: 0 !important; 
 
    vertical-align: middle !important; 
 
}

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script> 
 

 
<header> 
 
    <div class="container"> 
 
    <div id="SkypeButton_Call_Sandrita.logistics_1"></div> 
 
    </div> 
 
</header>

Answer 2

Der Selektor isn‘ t funktioniert, weil es einen Punkt enthält "."

Skype.ui({ 
 
      "name": "chat", 
 
      "element": "SkypeButton_Call_Sandrita", 
 
      "participants": ["Sandrita.logistics"], 
 
      "imageSize": 24 
 
     });

#SkypeButton_Call_Sandrita div { 
 
    margin:0; 
 
} 
 
#SkypeButton_Call_Sandrita img { 
 
    margin:0 !important; 
 
    vertical-align:middle !important; 
 
}

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script> 
 

 
<header> 
 
    <div class="container"> 
 
    <div id="SkypeButton_Call_Sandrita"> </div> 
 
    </div> 
 
</header>

Answer 3

entfernen Punkt aus Ihrer ID #SkypeButton_Call_Sandrita_logistics_1

Skype.ui({ 
 
    "name": "chat", 
 
    "element": "SkypeButton_Call_Sandrita_logistics_1", 
 
    "participants": ["Sandrita.logistics"], 
 
    "imageSize": 24 
 
});

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script> 
 

 
<style> 
 
    #SkypeButton_Call_Sandrita_logistics_1_paraElement { 
 
    margin: 0; 
 
    } 
 
    #SkypeButton_Call_Sandrita_logistics_1_paraElement img { 
 
    margin: 0px !important; 
 
    vertical-align: middle !important; 
 
    } 
 
</style> 
 

 
<header> 
 
    <div class="container"> 
 
    <div id="SkypeButton_Call_Sandrita_logistics_1"></div> 
 
    </div> 
 
</header>