Кнопка начальной загрузки Текст не размер - PullRequest
0 голосов
/ 06 июня 2018

Я использую загрузчик и у меня есть пара кнопок социальных сетей.Мне нужно, чтобы они были больше, и я сделал иконку социальной сети достаточно большой, но, похоже, не могу увеличить текст.У кого-нибудь есть идеи?HTML:

<a role="button" class="btn btn-primary btn-tw col-6 mx-1 my-1" 
href="https://twitter.com/alvanhumane?lang=en" target="_blank"><i class="fab 
fa-twitter-square fa-5x"></i> Twitter</a>
<a role="button" class="btn btn-primary btn-in col-6 mx-1 my-1" 
href="https://www.instagram.com/explore/locations/99236675/al-van-humane- 
society/" target="_blank"><i class="fab fa-instagram fa-5x"></i> 
Instagram</a>

и CSS:

a.btn-tw {
    background-color: #00acee;
    font-size: 5em;
}

a.btn-in {
    background-color: #3f729b;
    font-size: 5em;
}

1 Ответ

0 голосов
/ 06 июня 2018

Попробуйте использовать !important.После этого будет перезаписано все, что загружается после

a.btn-in {
    background-color: #3f729b;
    font-size: 5em !important;
}

Возможно, вы также загружаете таблицу начальной загрузки CSS после вашей собственной пользовательской части в <head> части вашего HTML-документа.Поместите загрузочную ссылку над своей собственной.

<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...