modifikationen in custom/theme.css ziehen nicht an

gboehm · 1. Oktober 2012

Moin zusammen,

ich habe den Konfigurator angepasst, um bestimmte Konfiggruppen als accordion menue anzeigen zulassen. Das funktioniert auch soweit.
Allerdings habe ich nun eine "Herausforderung" mit CSS.
Im Rahmen der Änderung habe ich einige Klassen im Konfigurator umbenannt zB config_group -> config_group_motiv und title -> title_motiv
Die entsprechenden CSS statements habe ich in custom/theme.css gepackt.

In meinem Testshop funktioniert die Formatierung, nur Live will es nicht. Ich habe mit schon den ganzen Tag einen Wolf gesucht, bin aber zu keinem Ergebnis gekommen.

Testartikel:
funktionierend: Handtuch, 10,00 €
nicht funktionierend: http://www.sannes-stickdesign.de/Testartikel
Die Konfiggruppe "Stickmotive: Kissen" sollte eigentlich genauso formatiert sein, wie alle anderen - ausser dass sie halt eingeklappt werden kann.

Code:

[FONT=courier new]<div class="config_group_motiv">[/FONT]
[FONT=courier new]   <div class="img" style="display: block;">[/FONT]
[FONT=courier new]      <img id="img31" alt="Stickmotive: Kissen" src="bilder/produkte/klein/Motiv-Taufe-2.jpg">[/FONT]
[FONT=courier new]   </div>[/FONT]
[FONT=courier new]   <div class="group">[/FONT]
[FONT=courier new]   <div class="actions">[/FONT]
[FONT=courier new]      <a onclick="return showCompareList('1317;333;1314;325;1319;326;1311;327;1283;328;1312;329;1313;330;1315;331;1316;332;1318;324;', 0);" href="#">Artikel vergleichen</a>[/FONT]
[FONT=courier new]   </div>[/FONT]
[FONT=courier new]   <p class="title_motiv">[/FONT]
[FONT=courier new]      <u>Stickmotive: Kissen                   </u>[/FONT]
[FONT=courier new]   </p>[/FONT]
[FONT=courier new]   <p class="desc" style="display: block;">Bewegn Sie die Maus über das Menü, um eine Motivvorschau zu erhalten</p>[/FONT]
[FONT=courier new]   <div class="item_wrapper" style="display: block;">[/FONT]
[FONT=courier new]   </div>[/FONT]
[FONT=courier new]</div>[/FONT]

Den relevanten CSS Block habe ich in custom/theme.css gepackt:

Code:

[FONT=courier new]#config_wrapper .config_group_motiv {[/FONT][FONT=courier new]   position: relative;[/FONT]
[FONT=courier new]   margin: 10px 0;[/FONT]
[FONT=courier new]   clear: both;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .img {[/FONT]
[FONT=courier new]   float: left;[/FONT]
[FONT=courier new]   width: 140px;[/FONT]
[FONT=courier new]   text-align: center;[/FONT]
[FONT=courier new]   display: block;[/FONT]
[FONT=courier new]   padding: 0 10px 0 0;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv img {[/FONT]
[FONT=courier new]    max-width: 140px;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .group {[/FONT]
[FONT=courier new]   overflow: hidden;[/FONT]

[FONT=courier new]   /* radius 4 all */[/FONT]
[FONT=courier new]   border-radius: 10px;[/FONT]
[FONT=courier new]   -moz-border-radius: 10px;[/FONT]
[FONT=courier new]   -webkit-border-radius: 10px;[/FONT]
[FONT=courier new]   -khtml-border-radius: 10px;[/FONT]

[FONT=courier new]   background-color: #f5f5f5;[/FONT]
[FONT=courier new]   padding: 5px 15px 15px 15px;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .title_motiv {[/FONT]
[FONT=courier new]   font-weight: bold;[/FONT]
[FONT=courier new]   font-size: 1.1em;[/FONT]
[FONT=courier new]   padding: 3px 0;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .desc {[/FONT]
[FONT=courier new]   font-size: 0.9em;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .actions {[/FONT]
[FONT=courier new]   float: right;[/FONT]
[FONT=courier new]   margin: 6px 0 15px 15px;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .desc + .title_motiv  {[/FONT]
[FONT=courier new]   color: #ff00ff !important;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .desc + .actions {[/FONT]
[FONT=courier new]    margin-top: 18px;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .actions p,[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .actions a {[/FONT]
[FONT=courier new]   color: #666;[/FONT]
[FONT=courier new]   background-color: #fff;[/FONT]

[FONT=courier new]   display: inline;[/FONT]
[FONT=courier new]   text-decoration: none;[/FONT]
[FONT=courier new]   font-size: 0.9em;[/FONT]
[FONT=courier new]   padding: 5px 8px;[/FONT]

[FONT=courier new]   /* radius 4 all */[/FONT]
[FONT=courier new]   border-radius: 5px;[/FONT]
[FONT=courier new]   -moz-border-radius: 5px;[/FONT]
[FONT=courier new]   -webkit-border-radius: 5px;[/FONT]
[FONT=courier new]   -khtml-border-radius: 5px;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .actions p.error {[/FONT]
[FONT=courier new]   color: #fff;[/FONT]
[FONT=courier new]   background-color: #CC474E;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item_wrapper {[/FONT]
[FONT=courier new]   margin: 10px 0 0 0;[/FONT]
[FONT=courier new]   padding: 10px;[/FONT]

[FONT=courier new]   /* radius 4 all */[/FONT]
[FONT=courier new]   border-radius: 10px;[/FONT]
[FONT=courier new]   -moz-border-radius: 10px;[/FONT]
[FONT=courier new]   -webkit-border-radius: 10px;[/FONT]
[FONT=courier new]   -khtml-border-radius: 10px;[/FONT]

[FONT=courier new]   background-color: #fff;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item label {[/FONT]
[FONT=courier new]   position: relative;[/FONT]
[FONT=courier new]   padding: 5px 70px 3px 5px;[/FONT]
[FONT=courier new]   display: block;[/FONT]

[FONT=courier new]   /* radius 4 all */[/FONT]
[FONT=courier new]   border-radius: 5px;[/FONT]
[FONT=courier new]   -moz-border-radius: 5px;[/FONT]
[FONT=courier new]   -webkit-border-radius: 5px;[/FONT]
[FONT=courier new]   -khtml-border-radius: 5px;[/FONT]

[FONT=courier new]   border: 1px solid transparent;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item select {[/FONT]
[FONT=courier new]   width: 100%;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item label:hover {[/FONT]
[FONT=courier new]   border: 1px solid transparent !important;[/FONT]
[FONT=courier new]   background-color: #f5f5f5 !important;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item label.recommended {[/FONT]
[FONT=courier new]   border: 1px solid #e1ffe2;[/FONT]
[FONT=courier new]   background-color: #edffee;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item.error label {[/FONT]
[FONT=courier new]   border-color: #FFEBD2;[/FONT]
[FONT=courier new]   background-color: #FFF3E3;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item.error select {[/FONT]
[FONT=courier new]   border-color: #FFEBD2;[/FONT]
[FONT=courier new]   background-color: #FFF3E3;   [/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item p.box_error {[/FONT]
[FONT=courier new]   margin: 5px 0 10px 0;[/FONT]
[FONT=courier new]   padding: 0.5em 0.5em 0.5em 20px;[/FONT]
[FONT=courier new]   background: #FFF3E3 url('./images/arrow_double_top.gif') 5px center no-repeat;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item .price {[/FONT]
[FONT=courier new]   position: absolute;[/FONT]
[FONT=courier new]   right: 5px;[/FONT]
[FONT=courier new]   top: 5px;[/FONT]
[FONT=courier new]   color: #999;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item .additional,[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item .discount {[/FONT]
[FONT=courier new]   padding: 0 15px 0 0;[/FONT]
[FONT=courier new]   font-size: 0.9em;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item .discount {[/FONT]
[FONT=courier new]   color: #70B878;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .item .additional {[/FONT]
[FONT=courier new]   color: #537AAD;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .quantity {[/FONT]
[FONT=courier new]   padding: 5px;[/FONT]
[FONT=courier new]   margin: 5px 0 0 0;[/FONT]
[FONT=courier new]   vertical-align: middle;[/FONT]
[FONT=courier new]   border-top: 1px dotted #ccc;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .quantity label {[/FONT]
[FONT=courier new]   vertical-align: middle;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .quantity input {[/FONT]
[FONT=courier new]   width: 38px;[/FONT]
[FONT=courier new]   padding: 0.25em;[/FONT]
[FONT=courier new]   vertical-align: middle;[/FONT]
[FONT=courier new]}[/FONT]
[FONT=courier new]
[/FONT]
[FONT=courier new]#config_wrapper .config_group_motiv .quantity input.disabled {[/FONT]
[FONT=courier new]   background-color: #eee;[/FONT]
[FONT=courier new]}[/FONT]

Zillis-Web · 1. Oktober 2012

AW: modifikationen in custom/theme.css ziehen nicht an

auf was ist im Admin das Template eingestellt, auf "benutzerdefiniert"?

gboehm · 1. Oktober 2012

AW: modifikationen in custom/theme.css ziehen nicht an

ja.
In meiner Verzweiflung hatte ich die Änderungen sogar direkt in die pages.css eingetragen (ich weiss - macht man nicht). hat aber auch nicht gefruchtet.

Wenn ich mir die ganze Sache in Firebug anschaue, sehe die geaenderten classes und bei CSS steht nur:
* {

}
Inherited from div#content

<seufz>

gboehm · 2. Oktober 2012

AW: modifikationen in custom/theme.css ziehen nicht an

Eine Nacht darueber schlafen, ein bisschen Abstand gewinnen und schon klappts auch mit dem Nachbarn

da hat wohl ein schliessendes </p> in des artikel_konfigurator_custom.tpl gefehlt.

Forum	Antworten	Datum
Neu Amazon Custom Orders mit Bildern von Kunden	Amazon-Anbindung - Ideen, Lob und Kritik	0	10. September 2024
In Diskussion Custom Workflows nur noch für Premiumkunden - unsinnige Einschränkung, die keine ist	JTL-Workflows - Ideen, Lob und Kritik	4	30. Juli 2024
Neu Custom Workflow: Lieferschein (Paket) Anmerkung setzen	User helfen Usern - Fragen zu JTL-Wawi	0	12. Juli 2024
Neu Custom Workflow Aufträge nach Artikelnummer sortieren	User helfen Usern	6	26. Juni 2024
Neu Child-Theme erst im Nachgang	Templates für JTL-Shop	1	5. September 2024

Suche

Suche

modifikationen in custom/theme.css ziehen nicht an

gboehm

Sehr aktives Mitglied

Zillis-Web

Guest

gboehm

Sehr aktives Mitglied

gboehm

Sehr aktives Mitglied

Ähnliche Themen