Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
Jack Oliveira

DEIXANDO ICO MAIOR DO QUE É

Pergunta

Ola pessoal boa tarde ou boa noite..

  estou querendo aumentar os ico da minha pagina deixando eles maior do que já é

tentei usar o width="25" height="25" mais eles ficam do mesmo jeito...

se alguém poder me dar uma dica fico grato

 

este são uns deles

 

            <div class=e-sociais>                                           
<i class="fa fa-phone-square black" ></i>

&nbsp;&nbsp; <?php echo $dados["telefone"]; ?> /  <?php echo $dados["celular"]; ?><br>

Compartilhar este post


Link para o post
Compartilhar em outros sites

2 respostas a esta questão

Recommended Posts

coloca no seu css:

.e-sociais{
font-size:40px; /*Tamanho que deseja*/
} 

Se não funcionar adiciona um id para o "<i>":

<i id="icon" class="fa fa-phone-square black" ></i> 

E insere o css:

#icon{
font-size:40px; /*Tamanho que deseja*/
} 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 23/11/2017 at 02:46, luannsr12 disse:

coloca no seu css:


.e-sociais{
font-size:40px; /*Tamanho que deseja*/
} 

Se não funcionar adiciona um id para o "<i>":


<i id="icon" class="fa fa-phone-square black" ></i> 

E insere o css:


#icon{
font-size:40px; /*Tamanho que deseja*/
} 

 

Valeu!! deu certo 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por wsoalves
      Olá, eu estava mexendo em um Tema Wordpress, e no final do menu tem alguns ícones de social mídia que posso trocar selecionando em um biblioteca interna.
      Mas não tem o ícone do whatsapp para eu escolher
       
      Queria saber se tem alguma forma de trocar ícones assim no editor CSS colocando o Fontawesome no lugar por exemplo "<i class="fab fa-whatsapp"></i>"
       
      Obrigado!
    • Por Jack Oliveira
      Ola pessoal boa tarde
      Uma duvida aqui
      tem como 
      no lugar do 
      <link rel="shortcut icon" href="./img/icon.png"> fazer que aprece o
      EX:
      <i class="fa fa-map-marker" style="font-size:50px" aria-hidden="true"></i> Vou explicar do porque isso
      que no meu site ele tem personalização de cores
      este <i class="fa fa-map-marker"  style="font-size:50px" aria-hidden="true"></i>
      em outra parte do site ele muda a cor conforme eu escolher a cor no admin
      e eu gostaria que o ícone que aparece no navegar mudasse a cor tabém
      Se vocês puderem se for possível fazer isso que eu quero fico grato..
    • Por JEAN LIRA
      <div class="featured-boxes">
      <div class="row">
      <div class="col-md-3 col-sm-6">
      <div class="featured-box featured-box-primary featured-box-effect-1">
      <div class="box-content">
      <em class="icon-featured fa fa-user"></em>
      <h4 class="text-uppercase">Loved by Customers</h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
      <p><a class="lnk-primary learn-more" href="#">Learn More <em class="fa fa-angle-right"></em></a></p>
      </div>
      </div>
      </div>
      <div class="col-md-3 col-sm-6">
      <div class="featured-box featured-box-secondary featured-box-effect-1">
      <div class="box-content">
      <em class="icon-featured fa fa-book"></em>
      <h4 class="text-uppercase">Well Documented</h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
      <p><a class="lnk-secondary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
      </div>
      </div>
      </div>
      <div class="col-md-3 col-sm-6">
      <div class="featured-box featured-box-tertiary featured-box-effect-1">
      <div class="box-content">
      <em class="icon-featured fa fa-trophy"></em>
      <h4 class="text-uppercase">Winner</h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
      <p><a class="lnk-tertiary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
      </div>
      </div>
      </div>
      <div class="col-md-3 col-sm-6">
      <div class="featured-box featured-box-quaternary featured-box-effect-1">
      <div class="box-content">
      <em class="icon-featured fa fa-cogs"></em>
      <h4 class="text-uppercase">Customizable</h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus. </p>
      <p><a class="lnk-quaternary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
      </div>
      </div>
      </div>
      </div>
      </div>
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.