Header freier Bereich

Thema wurde von lotharschlaefer, 9. November 2016 erstellt.

  1. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #1 lotharschlaefer, 9. November 2016
    Hallo,

    ich hätte gerne das Bild im Header mittig zwischen Warenkorb und Suchfunktion (siehe Bild). Das Bild fängt an bei "gesunde Wohnräume" und geht bis zum Ende der Telefonnummer. Leider bekomme ich es mit den Gridspalten nicht hin. Kann mir bitte jemand sagen wie ich das eventuell mit einem eigenen Css-Code hinbekomme?

    upload_2016-11-9_11-23-40.png


    Vielen Dank.

    LG Lisa
     
  2. michael_stoetzel
    michael_stoetzel Erfahrener Benutzer
    Registriert seit:
    30. April 2016
    Beiträge:
    216
    Danke erhalten:
    11
    Danke vergeben:
    5
    #2 michael_stoetzel, 9. November 2016
    Hast Du mal in den Entwicklerwerkzeugen des Browsers den Inspektor eingeschaltet?
    Damit finde ich auch immer die entsprechenden Klassen für das css heraus, die man dann im StyleEdit verändern kann.
     
  3. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #3 lotharschlaefer, 9. November 2016
    hat sich erledigt. ich hab es gefunden

    Danke.
    Kannst Du mir bitte auch sagen, wie ich das bei Microsoft Edge einschalten kann? Ich finde dazu leider nichts in Google..
     
  4. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #4 lotharschlaefer, 9. November 2016
    weißt du vielleicht auch wie dieses Bild dann im CSS genannt wird? Weil sonst suche ich mir ja einen Wolf ;)
     
  5. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    #5 Anonymous, 9. November 2016
    Hallo Lothar
    bei solchen Fragen bitte immer einen Link zum Shop; sonst kann man sich ja das css bei Dir nicht anschauen.

    Und ich würde Dir raten nicht mit dem Edge zu arbeiten; nehme lieber den FF oder Chrome! Die MS-Browser taugen nicht viel um einen Shop zu administrieren.
     
  6. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #6 lotharschlaefer, 9. November 2016
  7. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    #7 Anonymous, 9. November 2016
    ich habe dem Bild mal eine Breite von 550px gegeben und dem WK eine Prozentzahl für die Breite von 15%, dann sieht das so aus:
     

    Anhänge:

  8. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #8 lotharschlaefer, 9. November 2016
    Zuletzt bearbeitet: 9. November 2016
    Super! Vielen Dank! Nur noch eine Frage: Wo stelle ich denn die Breite für den Warenkorb ein?
     
  9. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #9 lotharschlaefer, 10. November 2016
    Kann mir bitte noch jemand sagen wo ich die Breite für den Warenkorb einstellen kann. Weil ich finde im Style Edit nicht dazu.

    Danke

    LG Lisa
     
  10. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    #10 bt012ss, 10. November 2016
    Probier es mal mit den Gridspalten die du im SE unter Header - Warenkorb findest.
     
  11. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #11 lotharschlaefer, 10. November 2016
    das habe ich probiert und des funktioniert nicht so wie ich das will. deswegen habe ich den Beitrag geschrieben ;)
     
  12. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    #12 Anonymous, 10. November 2016
    wollte gerade nochmal bei Dir nachschauen, aber Shop momentan offline.
    Du kannst das mit dem Firebug im FF testen und dann den Code als eigene css oder im SE eingeben
     
  13. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    #13 bt012ss, 10. November 2016
    Dann schreib genau was du willst und dir wird geholfen wenn der Shop zu sehen ist ;)
     
  14. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #14 lotharschlaefer, 10. November 2016

    Shop ist online. ich schalte ihn immer wieder aus, weil er ja noch nicht fertig ist. Marmoles kannst du mir vielleicht den Code senden?

    bt012ss: der marmoles hat mir ja schon alles erklärt. ich wusste nur nicht wo ich das jetzt mit dem WK eingeben soll. Deswegen habe ich das jetzt nicht nochmal alles genau geschrieben..;)
     
  15. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    #15 Anonymous, 10. November 2016
    Code:
    #cart-container.navbar-cart {
    float: left;
    width: 15%;
}
     
  16. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    #16 lotharschlaefer, 10. November 2016
    Super! Vielen lieben Dank!! :)
    Lisa