Ihre Hilfe wäre sehr dankbar und wir danken Ihnen im Voraus für das Publikum.CSS- und .tpl-Klassen; text align center
Ich habe ein kleines Problem mit CSS und .tpl-Dateien. Ich baue gerade eine Seite für einen Klienten, der weebly cms benutzt. Was großartig ist. Allerdings verwenden sie jetzt "weniger" anstelle von normalem CSS. Dies bedeutet, dass sie jetzt Teilzahlen und Variablen enthalten. Was ich nicht kenne. Ich möchte einfach einen Text an "center" ausrichten, was im traditionellen CSS immer ein einfacher Prozess ist. In diesem Fall. Die div-Klasse für den fraglichen Text liegt innerhalb der .tpl-Datei in 'partials'. Dem Text in der normalen CSS-Datei ist keine Klasse zugeordnet.
Ich würde gerne wissen, ob ich die Klasse innerhalb der normalen CSS aus der .tpl-Datei hinzufügen könnte. Ich habe versucht, den gleichen Klassennamen aus der .tpl innerhalb von CSS mit ID-Tags und Klassen-Tags, d.
Allerdings ohne Erfolg. Ich bin mir sicher, dass es relativ geradlinig ist, aber ich kann meinen kleinen Kopf nicht herumkriegen.
Jede Hilfe wäre hervorragend, Frohes neues Jahr alle!
Danke
Dies ist der .tpl Code in Frage, wie man die Klassennamen sind einfach zu sehen.
wsite-com-Produkt-Preis wsite-com-Preis wsite-come-catergory-Produkt-Preis
<div class="wsite-com-product-price {{price_class}}">
<div class="wsite-com-price {{!
}}{{^is_featured}}wsite-com-category-product-price{{/is_featured}} {{!
}}{{#is_featured}}wsite-com-category-product-featured-price{{/is_featured}}">
{{{price_html}}}
</div>
Die CSS bezieht, ist dies: die erste Zeile mein Versuch ist, diese Arbeit zu machen, :
.wsite-com-price .wsite-com-product-price .wsite-com-category-product-price {
text-align: center;
}
einfach möchte ich nur den Preis Mitte ausrichten:
Im Folgenden ist der HTML-Code aus Sicht Quelle auf der Seite (wie ich die Klassennamen gefunden, aber sie sind in tpl-Datei nicht die CSS!)
<div class="wsite-com-category-product-name wsite-com-link-text">
Merola Choker 1
</div>
</a>
<div class="wsite-com-product-price ">
<div class="wsite-com-price wsite-com-category-product-price ">
£125.00 - £165.00
</div>
<div class="wsite-com-sale-price wsite-com-category-product-price ">
£125.00 - £165.00
</div>
</div>
</div>
</div>
<div class="wsite-com-category-product wsite-com-column " data-id="5">
<div class="wsite-com-category-product-wrap ">
DANK INTERESSIERT FÜR JEDEN THANK !
KORREKTE ANTWORTEN SCREENSHOTS UNTEN >>> DANKE !!!!
Das Einfügen von Leerzeichen zwischen Klassen bedeutet, dass jede nächste Klasse ein Nachfolger des vorherigen ist. Wenn Sie die Leerzeichen entfernen, bedeutet dies, dass das Element alle Klassen haben muss (was ich denke, dass Sie danach suchen) – Pete
'.wsite-com-price .wsite-com-product-price' - das würde ein Element mit der Klasse' auswählen wsite-com-product-price "in einem Element mit der Klasse' wsite-com-price'. In Ihrem HTML ist es umgekehrt. – CBroe