Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenwie bereits geschrieben kannst du deine Shopseite über
.woocommerce-pageformatieren
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
.woocommerce-page.single-product #content {
margin: 0 auto;
}
.woocommerce-page #container {
padding: 0 50px;
}
Sonst noch ne Idee?
ja ;)
das
// WooCommerce Container neben Sidebarändern in
/* WooCommerce Container neben Sidebar */dann müsste der Code übernommen werden
Laut Demo gibt es sie aber http://gorillathemes.com/demo/dancefloor/full-page/
vielleicht keine Sidebar auswählen
bevor wir weiter am Code rumfummeln, schau erst mal nach den Templates
Deine angelegte Shopseite im Dashboard aufrufen, auf bearbeiten dann rechts unter Attribute / Template mal nachsehen ob da "full page" oder ähnliches steht
Zitat Themebeschreibung
Page Layouts ( left-right sidebar-[COLOR="#FF0000"]full page[/COLOR])
fachgerecht, ein Page Template für die Shopseite anlegen und unerwünschtes entfernen
http://codex.wordpress.org/Pages
vielleicht hat ja dein Theme bereits Template Vorlagen zum auswählen im Dashboard
auf die Schnelle
die bisherigen Codes wieder entfernen und nur dies einfügen
.woocommerce-page #sidebar {
display: none;
}
body {
margin: 0 auto;
}da sind keine Leerzeichen drin, sondern "Hieroglyphen" die nicht interpretiert werden und somit der Code im Ganzen nicht gelesen wird
siehst du über Firebug, wenn man die Leere Zeile markiert
aber mal eine Frage, warum entfernst du die Sidebar nicht einfach im Shop und das Problem ist gelöst
nun ja, du fügst überall Leerzeichen ein so das der Code nicht übernommen wird
.woocommerce-page #container {
width: 560px;
}so sollte es aussehen
.woocommerce-page #container {
width: 560px;
}.woocommerce-page #sidebar {
margin-top: -360px;
}
so sollte es aussehen
.woocommerce-page #sidebar {
margin-top: -360px;
}vermutlich weil du zwischen drin was eingefügt hast
ich weiß auch nicht was du noch für Fehler durch deine Selbstversuche eingefügt hast und wir jetzt nur an den Symptomen arbeiten und nicht am Problem selbst
bitte etwas mehr Konzentration :-P
alles einfügen was ich an Code angebe
auf Vollständigkeit achten, also keine Klammer oder sonstige Zeichen weglassen
1) vom Theme
2) wo fehlt das das Center oder was ist nicht mehr in der Mitte
oder füge mal noch
body {
margin: 0 auto;
}in die css (Theme)
Und immernoch das selbe Prob...
das sich noch nichts geändert hat ist logisch, hast ja noch nicht auf die neue Klasse definiert
du hast jetzt für den Shop die Klasse
.woocommerce-pageund kannst damit formatieren
z.B. dies einfügen(in die css)
.woocommerce-page #container {
width: 560px;
}
.woocommerce-page #sidebar {
margin-top: -360px;
}Kein Center mehr
wo hast du Center formatiert
bringt er ne Fehlermeldung!
so muss der Code aussehen
[size=18][B]<body <?php body_class(); ?>>[/B][/SIZE]jetzt hast du
<body>und darunter oder daneben
<?php body_class(); ?>das kann nicht sein, es wird ja nichts am Code verändert, sonder nur
<?php body_class(); ?>
hinzugefügt
eventuell hast eine Klammer vergessen
gehe mal in die header.php und ändere
<body>in
<body <?php body_class(); ?>>dann kann man für die Seite extra formatieren
.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
width: 460px;
}
hier auch 510px eintragen
Bilder auf die neue Größe anpassen ( sonst werden sie gestreckt )
In den Theme Einstellungen nachsehen, ob dort für den Slider Größen-Einstellungen sind, dann dort anpassen
und [COLOR="#FF0000"]nur wenn dort wirklich nichts ist[/COLOR]
dies in die style.css einfügen
.fp-content {
width: 480px;
}
.fp-thumbnail img {
width: 510px;
}wp-content/themes/eCars/style.css
/* =LAYOUT
-------------------------------------------------------------- */
#container {
width: [COLOR="#FF0000"]960[/COLOR]px;
margin: 0 auto;
}
#content {
overflow: hidden;
float: left;
width: [COLOR="#FF0000"]460[/COLOR]px;
margin-left: 175px;
}
#sidebar-primary {
overflow: hidden;
float: left;
width: 160px;
margin-left: -[COLOR="#FF0000"]635[/COLOR]px;
}das rot markierte, um jeweils den gleichen Wert erhöhen
also z.B. überall 50px dazu
ul.dropdown ul.children li a {
color: #000000;
}wie die Klasse genau aussieht, kannst du dir im Quelltext deiner Seite ansehen, also Rechtsklick Seitenquelltext anzeigen
dann zum Kommentar scrollen
sieht für den Beispiel Kommentar z.B. so aus
<li class="comment byuser comment-author-soenke even depth-3" id="li-comment-16862">da siehst du dann comment-author-soenke oder eben einen anderen Namen
nur den Namen verwenden sonst nix
also
.comment-author-soenke > div {
background: #66CC00;
}du hast ja schon eine Formatierung drin, für den Postautor
.bypostauthor {
background-color: #B2CCFF !important;
}könntest also die neuen Codes danach einfügen, dann hast du alle beisammen
kleiner Tipp noch, dir ist sicher aufgefallen das sich das "hellblau" auf nachfolgende Antworten(nicht von dir) erweitert
ändere den Code in
.bypostauthor > div {
background-color: #B2CCFF;
}dann bleibt das hellblau bei dir :)
ach ja das gilt dann auch für die Moderatoren
.comment-author-hier der name > div {
background: #FF0000;
}das !important kann man dann weglassen
nun das kannst du bei dir über den Namen umsetzen
wenn es noch gar keine Kommentare(dieser Moderatoren) gibt, kann ich dir natürlich auch keinen korrekten Code geben ;-)
.comment-author-[COLOR="#FF0000"]hier der name[/COLOR]{
background: #FF0000 !important;
}[COLOR="#FF0000"] FF0000[/COLOR] = Farbcode deiner Wahl
und das in die style.css einfügen