Der Versuch, den Container auf den Produktseiten zu bearbeiten

ich zur Zeit versucht, die div.container auf dieser Seite zu bearbeiten: http://honestabe.ca/ininkk/product/cant-recycle-wasted-time/Der Versuch, den Container auf den Produktseiten zu bearbeiten

ich für das Produktbild innerhalb des Behälters groß sein möchten, aber auch dort für genug Platz für die Sidebar-Widgets (Warenkorb & Suchleiste).

Dies ist der aktuelle Code, den ich in meinem benutzerdefinierten CSS verwende, und ich möchte, dass die Lösung nur für die Produktseiten gilt, die derzeit existieren und in Zukunft erstellt werden.

.content-left.page-with-sidebar.col-sm-8.col-md-9.col-lg-8 { 
    width: 1200px; 
    height: 400px; 
} 
.content-right.col-sm-4.col-md-3.col-lg-3.col-lg-offset-1 { 
    margin: 0px; 
} 
.single.single-product.row { 
    width: 1600px; 
    height: 600px; 
} 
.single.single-product.postid-49.container { 
    width: 1600px; 
    margin: 20px; 
}

Wenn jemand helfen kann, wäre das großartig. Danke im Voraus!

Quelle

2016-06-20 AbrahamLN

Wordpress ist fantastisch für die Anwendung von CSS auf bestimmte Seiten, Seitentypen, Post-Typen, etc. Es fügt dem Körper eine Klasse hinzu, je nachdem, was es ist. Hier ist eine Auflistung der Körperklassen der gelinkten Seite:

<body class="single single-product postid-49 woocommerce woocommerce-page wpb-js-composer js-comp-ver-4.11.2 vc_responsive">

Wenn Sie all das Zeug nur gelten product Seiten möchten, empfehle ich Ihnen die angegebene CSS diese ändern:

body.product .content-left.page-with-sidebar.col-sm-8.col-md-9.col-lg-8{ 
width: 1200px; 
height: 400px;} 

body.product .content-right.col-sm-4.col-md-3.col-lg-3.col-lg-offset-1{ 
margin: 0px;} 

body.product .single.single-product.row{ 
width: 1600px; 
height: 600px;} 

body.product .single.single-product.postid-49.container{ 
width: 1600px; 
margin: 20px;}

Allerdings muss ich Sie warnen - nach dem Betrachten dieser CSS-Erklärungen, die Sie haben, sieht es so aus, als ob Sie Probleme haben könnten.

Zum Beispiel gilt die Klasse.postid-49nur für ein Produkt; nicht alle von ihnen.

Auch ich denke, Sie werden Probleme mit der Reaktionsfähigkeit der Website haben, wenn das ein bestimmtes Ziel ist.

Quelle

2016-06-20 20:38:04 MassDebates

Wenn Sie es jetzt überprüfen können, werden Sie sehen, dass ich den von Ihnen angegebenen Code verwendet habe, aber in Wirklichkeit versuche ich nur die Produktseiten so zu bearbeiten, dass das einzelne Produktbild größer als die aktuelle Größe ist. Ich habe mich gefragt, ob es irgendeinen Weg dazu gäbe? Die in den Woocommerce-Einstellungen angegebenen Optionen funktionierten nicht, daher ist CSS die einzige Möglichkeit. Das ist der Grund, warum ich mit den Containern herumhantierte. Vielen Dank, dass Sie sich die Zeit genommen haben, meine Frage zu beantworten, ich schätze die Hilfe sehr! – AbrahamLN

Ihr Kommentar führt mich zu der Annahme, dass Sie meine veröffentlichte Antwort nicht verstanden oder nicht gründlich genug gelesen haben. – MassDebates

Der Versuch, den Container auf den Produktseiten zu bearbeiten

Antwort

Verwandte Themen