Woo Commerce zereißt mein Template!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • wie bereits geschrieben kannst du deine Shopseite über

    Code
    .woocommerce-page

    formatieren

    mit Firebug oder eben das Entwickler-Tool deines Browsers, kannst du alles Testen

    auch ist der Quellcode über den Browser sichtbar (Rechtsklick)

    so weist du wie die einzelnen div's angesprochen werden und kannst sie deinen Wünschen entsprechend anpassen


    Code
    .woocommerce-page.single-product #content {
        margin: 0 auto;
    }
    .woocommerce-page #container {
        padding: 0 50px;
    }
  • Ich glaub nun hab ich es auch verstanden! AUch wenn ich noch nicht weiß wie du auf das gekommen bist?

    .woocommerce-page.single-product #content
    und
    .woocommerce-page #container

    Firebug teste ich gleich nochmal!


    Allerletzte Frage (hoff ich) danach widme ich mich den unklaren Bildern *lach*

    Wie bekomm ich nun das Transparente schwarze Viereck (also soviel wie belegt ist) hin !!!
    Damit es zum Layout passt!

    Wenn du mir auch erklären könntest wie du das findest! Wäre mir sehr geholfen!

    DANKE SCHONMAL im VORAUS FÜR ALL DEINE MÜHE !!!


  • Firefox zeigt SIDEBAR noch an ;-(

    da ist keine Sidebar
    du lässt das "middlenews.png" (Hintergrundbild) 618px breit, nur in alle Richtungen wiederholen (repeat)

    somit wird es bei einer Breite von 810px, 2mal nebeneinander angezeigt

    Zitat

    Gut das ich nach Firebug gucken wollte...

    genau, das solltest du tun ;)

  • nun erstens hast du zwischenzeitlich die Werte geändert

    zweitens siehe Anhang (Firefox)

    und drittens

    Code
    .woocommerce-page #content {
        background: url("http://www.snake20x.de/wp-content/themes/dancefloor_v1.0/dancefloor/images/middlenewsnew.png") [COLOR="#FF0000"]repeat[/COLOR] scroll 0 0 transparent;
        color: #FFFFFF;
        float: left;
        padding: 15px 70px 30px 30px;
        width: 735px;
    }

    repeat = rot markiert

    da du keine angaben machst ob repeat oder nicht, kommt automatisch repeat

    also immer definieren was du willst, nicht leer lassen

    aber das siehst du ja alles in Firebug, den du ja sicher schon verwendest :lol:

    Einmal editiert, zuletzt von Tutrix (13. Dezember 2012 um 22:49)

  • Also jetzt versteh ich nur noch BAHNHOF !!!

    Firefox MacOSX (neueste Version grad runtergeladen) zeigt es nicht!
    Windows 7 Firefox zeigt es nicht!

    Der rest geht!


    REPEAT steht bei mir nicht in der Green.css

    Hab dir sie mal angehängt...
    Du glaubst echt ich Spinne *lach*

    http://uploaded.net/file/u9g4cj2z

    Hilfe... Ick versteh es nicht!

  • Okay,...

    Also Firebug ist noch nicht mein Freund...
    Repeat mal eingestellt ich probier ma wieder...

    Wobei ich immer noch nicht weiß warum 3 Rechner
    es hier nicht anzeigen im Firefox, und es bei dir geht!

  • nun ich weiß nich was du machen willst

    vielleicht kennst du auch nicht die richtige Formatierung für das was du vorhast

    die Grafik ist zu klein, deshalb wiederholt sie sich, wenn du [COLOR="#FF0000"]repeat[/COLOR](also in [COLOR="#FF0000"]alle[/COLOR] Richtungen wiederholen) schreibst

    vielleicht solltest du dir mal die Grundkenntnisse aneignen http://www.css4you.de/background-repeat.html

    Einmal editiert, zuletzt von Tutrix (13. Dezember 2012 um 23:02)

  • Code
    padding: 15px [COLOR="#FF0000"]70px [/COLOR]30px [COLOR="#FF0000"]30px[/COLOR];
    width: [COLOR="#FF0000"]830px[/COLOR];

    830px +70px +30px = 930px

    somit ist die Grafik 100px zu klein

  • art of Pic ;-)

    Wenn man den Cache im Firefox löscht (dachte das passiert wenn man ne neue Version drauf macht)
    Funktioniert es auch bei mir ;-)

    Jetzt guck ich mal nach den Bildern... Ma schauen ob ich das hinbekomm ;-)

    Darf ich noch fragen wenn ich nicht weiter weiß ???

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!