Facebook und Co. Icons etwas höher/niedriger/rechts positionieren

Thema wurde von andrea_oezlue, 9. März 2017 erstellt.

  1. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Hallo,

    leider ist es mir nicht gelungen, die Icons von Face und Co Mittig zwischen Newsletter und Footer zu positionieren. (Siehe Testshop 1)
    Genauso ist es mir auch nicht gelungen, die Icons nur im Footer (4)-Bereich zu positionieren.


    Danke für die Hilfe.

    <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>
    <li><a class="googleplus" href="#"><i class="fa fa-google-plus"></i></a></li>
    </ul>

    Unbenannt.png
     
  2. tierurnen-profi.de
    tierurnen-profi.de Erfahrener Benutzer
    Registriert seit:
    5. Januar 2017
    Beiträge:
    178
    Danke erhalten:
    34
    Danke vergeben:
    38
    Probier das, bei mir ist das anders, und ist genau mittig
    via Quelltext einfügen

    <ul class="social-media-icons">
    <li><a class="facebook" href="#" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
    <li><a class="twitter" href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
    <li><a class="instagram" href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
    <li><a class="youtube" href="#" target="_blank"><i class="fa fa-youtube"></i></a></li>
    <li><a class="googleplus" href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
    </ul>
    &nbsp
     
  3. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
  4. tierurnen-profi.de
    tierurnen-profi.de Erfahrener Benutzer
    Registriert seit:
    5. Januar 2017
    Beiträge:
    178
    Danke erhalten:
    34
    Danke vergeben:
    38
    Browsercache auch?
    Entferne mal das Bild oben drüber, ob das dann immer noch so ist, Ich habe die gleich css, wie du, vielleicht drückt das Bild die Icon runter.. Bin keine Spezialist, wäre aber meine nächstliegende Vermutung
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Das ist Dein css dazu:
    Code:
    #footer .social-media-icons {
        position: absolute;
        list-style: none;
        padding: 0;
        margin: 0;
        top: -50px;
    }
    Wenn ich da aus top: -50% ein top: -60% mache, ist es bei mir mittig.

    P.S. das "Newsletter" würde ich in einem Spielzeug - Kinder - Comic - Shop einordnen, das passt irgendwie nicht zum Rest Deines Shops.
     
  6. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Lieben Dank Barbara für den Code.
    Alles Super.

    Eifelturm....auch dir Danke für die mühe...;).

    Grüße
     
  7. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    Hi
    wie verlinke ich denn die Buttons, damit ich auch ``liken´´ kann
     
  8. tierurnen-profi.de
    tierurnen-profi.de Erfahrener Benutzer
    Registriert seit:
    5. Januar 2017
    Beiträge:
    178
    Danke erhalten:
    34
    Danke vergeben:
    38
    wie verlinke ich denn die Buttons, damit ich auch ``liken´´ kann[/QUOTE]

    unter Raute # sieh mein Poste oben, da machst du deine URL von einem Account FB, Google, Twiter usw. rein
     
  9. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    also die buttons habe ich nun im Footer 4 integriert und sieht aus wie bei mywhitepearl, die Dinger gehen nicht weiter runter und in den Footer oben drüber lassen die sich auch nicht integrieren !!
    Was nache ich falsch?
    Wie können die Buttons verlinkt werden damit ich auch liken kann, wenn ich drauf klicke??
    Wie kann ich Instagram mit in den Produkten verknüpfen, denn Google, Facebook und Twitter sind da .
    Diese können auch angeklickt werden zum teilen.
    Nur die runden gehen nicht??
     
  10. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    ok mit dem Link habe ich verstanden ! Danke probiere es aus !
    Brauche ich dann für Facebook, Google, Twitter etc. einen Account mit meinen Daten des Shops verstehe ich das richtig ?
     
  11. tierurnen-profi.de
    tierurnen-profi.de Erfahrener Benutzer
    Registriert seit:
    5. Januar 2017
    Beiträge:
    178
    Danke erhalten:
    34
    Danke vergeben:
    38
    P.S. das "Newsletter" würde ich in einem Spielzeug - Kinder - Comic - Shop einordnen, das passt irgendwie nicht zum Rest Deines Shops.

    Da muss ich Barbara vollkommen Recht geben, ich würde das ganz entfernen, ein Shop muss übersichtlich für ein Kunde sein, ein Kunde muss die wesentliche Dinge gleich sehen. Ein Kunde scannt dein Shop in 5 Sek. ab - Aussehen, Bedienbarkeit, deswegen gibt es ja Webdesigner wo das lernen. Du musst ein Design erstellen, welches für den Kunden ansprechbar ist und leicht bedienbar und übersichtlich. Anhand deinem Logo gehe ich mal davon aus, das du Schmuck verkaufen willst, in diesem Bereich musst du ein edles Design wählen und dein ganzes Augenmerk auf dein Schmück richten, und mit so bunten Sachen lenkst du davon ab. Manchmal ist weniger - mehr. Ich persönlich würde ein Desgin schwarz-weiß wählen, auch Warenkorb,Footer usw. Und das schwarz nicht zu hart. Ich blindes Huhn habe das nicht mal gesehen, das das Newsletter heißen soll o_O im schnellen drüber schauen, dachte ich ist eine Art Graffiti.
     
  12. tierurnen-profi.de
    tierurnen-profi.de Erfahrener Benutzer
    Registriert seit:
    5. Januar 2017
    Beiträge:
    178
    Danke erhalten:
    34
    Danke vergeben:
    38
    du brauchst für jedes Social-Media einen Account für dein Geschäft, dieser verlinkst du dann in der Raute. Und natürlich musst du dann das auch pflegen, sonst bringt dir auch die Verlinkung auch nichts. Und in jedem Account musst du natürlich auch deine Poste teilen, denn nur so werden die Leute auf dein Unternehmen aufmerksam und du bekommst Traffic. Dein Shop ist der Punkt wo die Leute hin sollen das die Kaufen.
     
  13. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    An der stelle hat man eigentlich eher die Follow-Button, die zu Deiner Seite bei Fb, Twirtter und Co leiten.
    Like-Button sind in den Artikeln.
    Es gibt von Addthis auch Like-Button, die Frage ist aber wie es da mit dem Datenschutz aussieht.
    Wenn das keine Sharif-Button sind sollte man die auch nicht verwenden
     
  14. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29

    Guten Abend zusammen,

    ich werde den Newsletter dort entfernen und im Footer Spalte 4 einfügen.
    Ich glaube an euch....;)
     
  15. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Du darfst da gerne Deinen Newsletter einfügen, das muss nur zum Rest des Shops passen.
    Der Rest Deines Shops ist Edel Weiße Perle, Goldschrift, hochwertige Produkte.
    Da passt dieses Bunte Ding einfach nicht zu.
     
  16. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    danke für eure Hilfen!
    Wie bekomme ich die FB und Co Buttons im Footer 4 mittig positioniert anstatt zwischen Footer und Footer 4
     
  17. catchflex
    catchflex Mitglied
    Registriert seit:
    22. Mai 2018
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    3
    Hey kann mir mal jemand sagen, in welcher css Datei ihr den Top Wert verändert habt?
    Habe das selbe Problem und bin mir nicht sicher welche CSS Datei die Richtige ist.
     
  18. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Das macht man nicht in einer Datei, sondern im Style Editor unter "eigenes css einfügen"
    Du öffnest Den Style Editor und Deinen Style zum Bearbeiten und klickst dann oben auf den Namen des Styles.
    Danach hast Du unter dem Namen den Link für eigenes css.

    Nur wenn du den Code komplett selber angelegt hast, kannst Du das in der Datei ändern, dann solltest du die aber auch kennen :)
     
  19. MosTec
    MosTec Erfahrener Benutzer
    Registriert seit:
    10. Februar 2014
    Beiträge:
    182
    Danke erhalten:
    15
    Danke vergeben:
    23
    Frage an alle:

    Um die Icons mittig in die Spalte zu bekommen ist es da ok bei padding ein

    padding: center;

    zu setzen oder schreibt man da etwas anders?
     
  20. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Horizontal mittig?
    Link zur Seite?