Varianten DopDown Menü zu schmal

[Stefan Gold]

Kann mir jemand sagen bitte, wo ich die Breite und die Position des Varianten-Menüs anpassen kann, Danke!

https://das-goldene-tor.de/ich-bin-das-licht-der-welt/842-ich-bin-das-licht-der-welt-abo-2-jahre.html

Vielleicht kann mir jemand erklären, wie ich das passende css in Firefox finde, wenn ich Elemt untersuchen wähle, sehe ich zwar html-code und rechts die css-Elemente, aber wo die stehen, steht das dort irgendwo?

LG Stefan

 

[rictools]

Die Breite wird nicht per globalem CSS, sondern in der Datei direkt auf 105 px gesetzt:

<span style="width: 105px; user-select: none;">Ausgabe Nr. 1</span>

Um übrigens zu sehen, in welcher CSS-Datei Anweisungen stehen, mußt du CSS-Caching deaktivieren.

[Stefan Gold]

Ich danke dir, leider finde ich "in der Datei direkt" nicht, weil ich nicht weiß welche das ist.....

Kannst du es mir bitte schreiben?! Danke

CSS-Caching ist deaktiviert

LG Stefan

[rictools]

Bei 1.6 ist es die product.tpl.

[Stefan Gold]

OK, die habe ich vor mir, aber meine Änderungen scheinen keine Auswirkungen zu haben, merkwürdig.... irgend etwas mache ich gerade wohl falsch

LG Stefan

[rictools]

Datei hochladen, Caches in Prestashop und Browser löschen, ggf. per "Untersuchen" überprüfen ...

[Stefan Gold]

Das müsste doch dieser Abschnitt sein, wo genau müsste das denn sein?

 

{if isset($groups)}
							<!-- attributes -->

								<div id="attributes">

								<div class="clearfix"></div>
								{foreach from=$groups key=id_attribute_group item=group}
									{if $group.attributes|@count}
										<fieldset class="attribute_fieldset">
											<label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'}&nbsp;</label>								
											{assign var="groupName" value="group_$id_attribute_group"}
											<div class="attribute_list">

												{if ($group.group_type == 'select')}

													<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print" >
													
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>
														{/foreach}
													</select>
												{elseif ($group.group_type == 'color')}
													<ul id="color_to_pick_list" class="clearfix">



														{assign var="default_colorpicker" value=""}
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															{assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
															<li{if $group.default == $id_attribute} class="selected"{/if}>
																<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{$colors.$id_attribute.value|escape:'html':'UTF-8'};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
																	{if $img_color_exists}
																		<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
																	{/if}
																</a>
															</li>
															{if ($group.default == $id_attribute)}
																{$default_colorpicker = $id_attribute}
															{/if}
														{/foreach}
													</ul>
													<input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />
												{elseif ($group.group_type == 'radio')}
													<ul>
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															<li>
																<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
																<span>{$group_attribute|escape:'html':'UTF-8'}</span>
															</li>
														{/foreach}
													</ul>
												{/if}
											</div> <!-- end attribute_list -->
										</fieldset>
									{/if}
								{/foreach}
							</div> <!-- end attributes -->
						{/if}

 

[rictools]

Den Bereich finde ich da nicht, du verrätst aber auch noch nicht einmal, um welche Datei in welchem Ordner es sich handelt ... Auch welche Prestashop-Version du hast, steht hier nirgends, das sind immer schlechte Voraussetzungen um zu helfen.

Suche mal nach 

div class="selector"

[Stefan Gold]

Sorry, ich habe 1.6.x, der code ist aus der product.tpl aus meinem Theme-Ordner

div class="selector" existiert in der product.tpl nicht, ich finde es auch sonst nirgendwo

LG Stefan

[Stefan Gold]

Ich konnte die Anpassungen in der datei product.css vornehmen, hier die Stelle im code:

 

.pb-center-column #buy_block .attribute_list .selector {

  width: 140% !important;
  font-size: 10px;
  margin-left: -30px;
	
}