Shopify – как заставить определенный класс CSS переопределить существующий? ⇐ CSS

[Anonymous]

Я использую платформу Shopify и хочу изменить только внешний вид значков социальных сетей в нижнем колонтитуле.
Я просто добавил новую строку CDN код для Fontawesome v6.7.2, который хорошо работает с существующей версией v4.5.0
см. пример:

Код: Выделить всё

{{ 'bootstrap.min.css' | asset_url | stylesheet_tag }}

Я хочу использовать новые значки социальных сетей, которых нет в версии 4.5.0.
Я тестировал в режиме DEV, и следующие изменения работают:
p>
исходное:

Нижний колонтитул до
изменено на:

Нижний колонтитул после
Как заставить CSS использовать новый класс? Есть ли правило CSS, с которым я могу поиграть?

Подробнее здесь: https://stackoverflow.com/questions/793 ... xising-one