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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Horizontal mittig?
    Link zur Seite?