Logo und Footer fehler

Thema wurde von Anonymous, 15. Juni 2017 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    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
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Zu 1: mache den ganzen Header etwas höher.
    zu 2: ohne Link zur Baustelle kann man das css leider nciht sehen.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Wie mache ich den header etwas höher, und wo?
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Der Link ist marktplatzdirekt24.de

    Mfg
     
  5. barbara

    barbara G-WARD 2014-2020

    Im Style Editor -> Header
    Unbenannt.JPG
     
  6. barbara

    barbara G-WARD 2014-2020

    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;
    }
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Ich habe es so geändert, aber es geht nur nach unten, aber nicht das Logo.
     

    Anhänge:

  8. barbara

    barbara G-WARD 2014-2020

    Stell mal bitte den Freien Inhalt im Header auf 120px höhe, bei mir sieht es damit gut aus
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Danke, habe es hinbekommen, aber wie bekommen ich das nun so hin, das der Warenkorb auch so da ist?
     

    Anhänge:

  10. barbara

    barbara G-WARD 2014-2020

    Weiter links?
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Soll alles so sein, wie auf dem Bild.
     

    Anhänge:

  12. Anonymous

    Anonymous Erfahrener Benutzer

    Das alles in der gleichen Höhe ist.
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Und wie kann ich hier ein Lauftext machen?
     

    Anhänge:

  14. Anonymous

    Anonymous Erfahrener Benutzer

    Bei mir kommt immer ein > mit im Icon, was ist das?
     

    Anhänge:

  15. barbara

    barbara G-WARD 2014-2020

    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?
     
  16. Anonymous

    Anonymous Erfahrener Benutzer

    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>
     
  17. barbara

    barbara G-WARD 2014-2020

    Ich schau mir das mal bei mir im Testshop an
     
  18. Anonymous

    Anonymous Erfahrener Benutzer

    okay, danke
     
  19. barbara

    barbara G-WARD 2014-2020

    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;
    }
     
  20. Anonymous

    Anonymous Erfahrener Benutzer

    Danke, damit geht es, kann ich es etwas mehr auseinander machen?
     

    Anhänge: