html - Customize text size in bootstrap button -
i trying create "download app store" button using twitter bootstrap.
the issue having trying make "app store" text larger "download the" text above it.
here html , css using.
.fixed-hero .hero-text { padding-top: 90px; width: 65%; color:#fff; font-family: century gothic, sans-serif; font-size: 2.2em; line-height: 1.5em; } .fixed-hero .hero-button { padding-top: 60px; width: 65%; } .btn.btn-large.btn-danger{ border-style:solid; border-width:1px; border-color:#fff; background-image: linear-gradient(to bottom, rgb(204, 81, 81), #990000); text-align: left; } <div class="hero-button text-center"> <a href="#" class="btn btn-large btn-danger"> <i class="icon-apple icon-3x pull-left"></i> <div> download app store </div> </a> </div>
i appreciate feedback , expertise.
wrap text , shrink font-size:smaller or whatever size like.
<div class="hero-button text-center"> <a href="#" class="btn btn-large btn-danger"> <i class="icon-apple icon-3x pull-left"></i> <span style="font-size:smaller;">download the</span> app store </a> </div>
Comments
Post a Comment