WooCommerce & Lambda-theme-storing: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
| Regel 24: | Regel 24: | ||
* '''Naam:''' <code>custom.css</code> [http://wordpress.stackexchange.com/questions/87681/how-do-i-register-enqueue-a-custom-css-file] | * '''Naam:''' <code>custom.css</code> [http://wordpress.stackexchange.com/questions/87681/how-do-i-register-enqueue-a-custom-css-file] | ||
* '''Locatie:''' De hoofdmap van een theme lijkt de standaardlocatie te zijn voor custom.css [http://wordpress.stackexchange.com/questions/87681/how-do-i-register-enqueue-a-custom-css-file] | * '''Locatie:''' De hoofdmap van een theme lijkt de standaardlocatie te zijn voor custom.css [http://wordpress.stackexchange.com/questions/87681/how-do-i-register-enqueue-a-custom-css-file] | ||
| + | |||
| + | == Betreffende CSS-code == | ||
| + | |||
| + | Ik wil dit aanpassen: | ||
| + | |||
| + | <pre> | ||
| + | .col-md-6 { | ||
| + | width: 50% | ||
| + | } | ||
| + | </pre | ||
| + | |||
| + | maar alleen op de shop-pagina. Het moet dus alleen werken in een pad waarin eerst | ||
| + | |||
| + | <pre> | ||
| + | <body class="woocommerce-page"> | ||
| + | </pre> | ||
| + | voorkomt, en waarn een paar statements verderop | ||
| + | |||
| + | <pre> | ||
| + | <div class="col-md-6 text-right"> | ||
| + | </pre> | ||
| + | |||
| + | voorkomt. Dat zijn dus twee ''klasses'' die niet direct op elkaar aansluiten | ||
== Bronnen == | == Bronnen == | ||
Versie van 11 apr 2017 16:34
Zie ook CSS - Inleiding.
Het probleem
Zo snel ik content plaats op de WooCommerce shop-pagina, raakt de vormgeving in de war: De content neemt nog maar 50% van de ruimte in beslag, en vaak is de tekst ook nog eens rechts-uitgelijnd (zoals in RTL-talen)
Vermoedelijke oorzaak
Hoe voeg je eigen css-code toe?
- In Drupal stop je je eigen css-code in een apart bestand fresh.css. Ongetwijfeld heeft WordPress ook zo'n oplossing.
wp_enqueue_styleinfunctions.phpschijnt de functie te zijn om eigen css-bestanden toe te voegen [1]- Naam:
custom.css[2] - Locatie: De hoofdmap van een theme lijkt de standaardlocatie te zijn voor custom.css [3]
Betreffende CSS-code
Ik wil dit aanpassen:
.col-md-6 {
width: 50%
}
</pre
maar alleen op de shop-pagina. Het moet dus alleen werken in een pad waarin eerst
<pre>
<body class="woocommerce-page">
voorkomt, en waarn een paar statements verderop
<div class="col-md-6 text-right">
voorkomt. Dat zijn dus twee klasses die niet direct op elkaar aansluiten
Bronnen
Het probleem
- http://www.kriesi.at/support/topic/shop-page-layout-messed-up/
- http://www.kimwoodbridge.com/how-to-fix-the-woocommerce-template-or-layout-problem/ ← Hoopvol
Eigen css-code