Social Media Icons vom Malibu Theme

Thema wurde von semmelweis, 20. Juni 2022 erstellt.

  1. semmelweis

    semmelweis Erfahrener Benutzer

    Registriert seit:
    17. Juli 2020
    Beiträge:
    183
    Danke erhalten:
    13
    Danke vergeben:
    51
    #1 semmelweis, 20. Juni 2022
    Zuletzt bearbeitet: 20. Juni 2022
    Hallo,

    wie kann man die Social Media Icons vom Malibu Theme einbauen?
    Wir hatten uns die html Datei angeschaut:

    <ul class="social-media-icons"> <li><a class="facebook" href="#"><i class="fa fa-facebook-f"></i></a></li> <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li> <li><a class="instagram" href="#"><i class="fa fa-instagram"></i></a></li> <li><a class="youtube" href="#"><i class="fa fa-youtube"></i></a></li> </ul>

    Aber wenn wir diese einbauen verschiebt sich alles.

    Habe es selbst hinbekommen.
    Allerdings nur im footer-col-4 und mit folgenden css Werten

    #footer .inside .row .footer-col-4 ul.social-media-icons > li a {
    font-size: 1em;
    }
    #footer .inside .row .footer-col-4 ul.social-media-icons > li a {
    width:40px;
    height:40px;
    }
    #footer .panel .panel-body .social-media-icons li:first-child {
    padding: 2px 10px 2px 0;
    }