Hallo, Wie kann ich das Logo beim header höher machen, so das es in der Mitte ist und man es auch richtig sieht? Was kann das sein, das die Icons im Footer nicht richtig dargestellt werden? Mfg
Zu 1: mache den ganzen Header etwas höher. zu 2: ohne Link zur Baustelle kann man das css leider nciht sehen.
Für den Footer gibt es zwei Möglichkeiten: entweder die Größe auf 50 x 50px erhöhen, oder die Schrift bei Google und Twitter verkleinern Schrift für Google Verkleinern: Code: #footer .social-media-icons > li a.googleplus { background-color: #dd4b39; font-size: 14px; } Schrift für Twitter verkleinern: Code: #footer .social-media-icons > li a.twitter { background-color: #00aced; font-size: 20px; } Das Ganze vergrößern: Code: #footer .social-media-icons > li a { width: 50px; height: 50px; } #footer .social-media-icons { top: -60px; }
Also bei mir scheint der Text vom Warenkorb die gleiche Höhe zu haben wie der Text vom Chat. Du könntest bei Code: #cart-container.navbar-cart { margin-top: 20px; } mit den Werten spielen, ob Dir ein anderer Abstand nach oben besser gefällt. In die Kategorien-Leiste kannst Du keinen Lauftext machen. Den müsstest Du darunter einfügen. Ich meine dass es dafür eine Anleitung im Forum gibt...irgendwo. Du hast im Footer bei allen Links das Zeichen eingefügt, deshalb ist es auch bei den Button. Wie sieht denn der Code aus, den Du in den Footer eingetragen hast?
Der Code ist vom Footer: <ul class="social-media-icons"> <li><a class="facebook" href="(Link nur für registrierte Nutzer sichtbar.)"><i class="fa fa-facebook-f"></i></a></li> <li><a class="twitter" href="(Link nur für registrierte Nutzer sichtbar.)"><i class="fa fa-twitter"></i></a></li> <li><a class="instagram" href="(Link nur für registrierte Nutzer sichtbar.)"><i class="fa fa-instagram"></i></a></li> <li><a class="youtube" href="(Link nur für registrierte Nutzer sichtbar.)"><i class="fa fa-youtube"></i></a></li> <li><a class="googleplus" href="(Link nur für registrierte Nutzer sichtbar.)"><i class="fa fa-google-plus"></i></a></li> </ul>
Teste mal bitte den Code: Code: #footer > .inside .row .footer-col-4 ul > li a:before, #footer > .inside .row .footer-col-4 .panel .panel-body ul li a:before { display: none; }