ShopSeite Full Width

max brandt · 9. Juli 2018

Hallo

Ich habe das Problem, das ich die Shopseite nicht auf die ganze Breite ausdehnen kann. Über die Theme Options kann ich zwar alle anderen Seiten so einstellen, aber die Shopseite nicht. Jetzt ist das ganze etwas linkslastig. Ich würde gerne die ganze Bildschirmbreite nutzen.
Hat jemand eine Idee?

https://www.onku.shop/shop-full-width/

Sailor56 · 9. Juli 2018

Das könnte daran liegen, dass in deinem CSS für das/die Element(e) '.products-4 > li' eine Breite von 24.25% vorgegeben ist. Damit füllen diese Elemente nicht die 100% des verfügbaren Platzes aus (4*24.25% = 97%)!
Teste mal ...

HTML:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

max brandt · 9. Juli 2018

Hallo
Also mit:
.products-4 > li {
margin-right: 0px;
width: 25.0%;
}

...bringe ich das ganze wieder in die Mitte. Allerdings habe ich immer noch die ca. 30px schätze ich links und rechts am Rand. Wie bekomme ich das weg?

Sailor56 · 9. Juli 2018

Das liegt daran, dass bei dir Container mit der ID #main an diversen Stellen im CSS mit einem Padding ausgezeichnet ist.
Mit

HTML:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
im 'zusätzlichen CSS' könnte man das 'ausschalten'. Ich kann das aber schlecht abschätzen, wie sich das auf andere Unterseiten auswirkt, auf denen mit Sicherheit auch ein Container #main vorhanden ist.
ggf. müsst man den Selector (#main) noch etwas modifizieren, damit er nur auf der Shop-Seite wirksam ist.

max brandt · 9. Juli 2018

Könnte ich das ev über die Page ID lösen sodass nur diese Seite betroffen ist?

Sailor56 · 9. Juli 2018

Ja... wenn es eine Page ID gibt! Habe beim Drüberschauen im <body> und <html> Tag aber nichts gefunden, was ich konkret als Page ID identifizieren könnte.

SirEctor · 9. Juli 2018

du könntest mal die body-class "woocommerce" testen.

WPDE.org

ShopSeite Full Width

max brandt Well-Known Member

Sailor56 Well-Known Member

max brandt Well-Known Member

Sailor56 Well-Known Member

max brandt Well-Known Member

Sailor56 Well-Known Member

SirEctor Well-Known Member
Ehrenmitglied

Nützliche Suchen

ShopSeite Full Width

max brandt Well-Known Member

Sailor56 Well-Known Member

max brandt Well-Known Member

Sailor56 Well-Known Member

max brandt Well-Known Member

Sailor56 Well-Known Member

SirEctor Well-Known Member Ehrenmitglied

SirEctor Well-Known Member
Ehrenmitglied