So wenden Sie CSS auf die Facebook-Anmeldung an Button

Question

Sie fragen sich, wie Sie mithilfe von CSS die Facebook-Anmeldeschaltfläche um ein paar Pixel nach unten drücken können, damit sie mit allen anderen Elementen der Navigationsleiste übereinstimmt. Hier

ist der Code für die navbar mit dem Login-Button enthalten.

<div class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="index.php">Home</a></li> 
      <li><a href="404.html">About Us</a></li> 
      <li><a href="blog.php">Blog</a></li> 
      <li><a href="javascript:window.open('contact.php', 'Contact Us', 'width=500,height=500');">Contact</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <i class="icon-angle-down"></i></a> 
       <ul class="dropdown-menu"> 
        <li><a href="privacy.php">Privacy Policy</a></li> 
        <li><a href="terms.php">Terms of Use</a></li> 
        <li class="divider"></li> 
        <li><?php if (isset($_SESSION['name'])) { echo $_SESSION['name']; } ?></li> 
       </ul> 
      <li><?php if (isset($_SESSION['name'])) { } else { ?><div class="fb-login-button" data-scope="public_profile,email" onlogin="checkLoginState();"></div></li><?php } ?> 
      </li> 
     </ul> 
    </div> 
</div> 

Answer 1

Hallo können Sie diese CSS-Code verwenden

.nav .fb-login-button{ 
    margin-top:4px; /* or whater ever you want for margin top */ 
    } 

und auch können Sie diese

.nav .fb-login-button{ 
    vertical-align: middle; 
    } 

ich diese Hilfe hoffen verwenden.

Answer 2

Geben Marge zum li von Like Button

Beispiel: - margin-top: 9px;

Answer 3

könnten Sie das Facebook-Symbol Ziel nur direkt und eine CSS-Regel von

position:relative; 
top:the position you want