Druckbare Version
Hallo,
ich nutze folgende Installation:
Contao 4.9.10
Mate 2.12.7
Bei Verwendung des Contao AddOns "Auflistung" wird ist die Schrift in der Überschriftenzeile nicht erkennbar, da sie die gleiche Farbe hat, wie der Hintergrund der Überschrift. Erst wenn ich darauf gehe, wird die Schrift etwas dunkler dargestellt und dann ein wenig sichtbar.
Wie kann ich das korrigieren?
Für CSS Hilfe bitte immer einen Link zur jeweiligen Seite posten, dann kann man besser helfen.
klar doch: https://cms4.rttonline.de/Portal/testliste.htmlZitat:
Zitat von Spooky
zB:Code:table th > a {
color: inherit;
}
Danke für den Hinweis. Da ich kein Entwickler bin, benötige ich das leider etwas konkreter. Hier ist das Template:Zitat:
Zitat von Spooky
PHP-Code:<div class="<?= $this->class ?> ce_table listing block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
<?php endif; ?>
<?php if ($this->searchable): ?>
<div class="list_search">
<form method="get">
<div class="formbody">
<input type="hidden" name="order_by" value="<?= $this->order_by ?>">
<input type="hidden" name="sort" value="<?= $this->sort ?>">
<input type="hidden" name="per_page" value="<?= $this->per_page ?>">
<div class="widget widget-select">
<label for="ctrl_search" class="invisible"><?= $this->fields_label ?></label>
<select name="search" id="ctrl_search" class="select">
<?= $this->search_fields ?>
</select>
</div>
<div class="widget widget-text">
<label for="ctrl_for" class="invisible"><?= $this->keywords_label ?></label>
<input type="text" name="for" id="ctrl_for" class="text" value="<?= $this->for ?>">
</div>
<div class="widget widget-submit">
<button type="submit" class="submit"><?= $this->search_label ?></button>
</div>
</div>
</form>
</div>
<?php endif; ?>
<?php if ($this->per_page): ?>
<div class="list_per_page">
<form method="get">
<div class="formbody">
<input type="hidden" name="order_by" value="<?= $this->order_by ?>">
<input type="hidden" name="sort" value="<?= $this->sort ?>">
<input type="hidden" name="search" value="<?= $this->search ?>">
<input type="hidden" name="for" value="<?= $this->for ?>">
<div class="widget widget-select">
<label for="ctrl_per_page" class="invisible"><?= $this->per_page_label ?></label>
<select name="per_page" id="ctrl_per_page" class="select">
<option value="10"<?php if (10 == $this->per_page): ?> selected<?php endif; ?>>10</option>
<option value="20"<?php if (20 == $this->per_page): ?> selected<?php endif; ?>>20</option>
<option value="30"<?php if (30 == $this->per_page): ?> selected<?php endif; ?>>30</option>
<option value="50"<?php if (50 == $this->per_page): ?> selected<?php endif; ?>>50</option>
<option value="100"<?php if (100 == $this->per_page): ?> selected<?php endif; ?>>100</option>
<option value="250"<?php if (250 == $this->per_page): ?> selected<?php endif; ?>>250</option>
<option value="500"<?php if (500 == $this->per_page): ?> selected<?php endif; ?>>500</option>
</select>
</div>
<div class="widget widget-submit">
<button type="submit" class="submit"><?= $this->per_page_label ?></button>
</div>
</div>
</form>
</div>
<?php endif; ?>
<?php if ($this->searchable && $this->for && empty($this->tbody)): ?>
<?= $this->no_results ?>
<?php else: ?>
<table class="all_records">
<thead>
<tr>
<?php foreach ($this->thead as $col): ?>
<th class="head<?= $col['class'] ?>"><a href="<?= $col['href'] ?>" title="<?= $col['title'] ?>"><?= $col['link'] ?></a></th>
<?php endforeach; ?>
<?php if ($this->details): ?>
<th class="head col_last"> </th>
<?php endif; ?>
</tr>
</thead>
<tbody>
<?php foreach ($this->tbody as $class => $row): ?>
<tr class="<?= $class ?>">
<?php foreach ($row as $col): ?>
<td class="body <?= $col['class'] ?>"><?= $col['content'] ?></td>
<?php endforeach; ?>
<?php if ($this->details && isset($col)): ?>
<?php if ($col['details']): ?>
<td class="body <?= $this->col_last ?> col_last"><a href="<?= $col['url'] ?>"><?= Contao\Image::getHtml('assets/contao/images/info.svg') ?></a></td>
<?php else: ?>
<td class="body <?= $this->col_last ?> col_last"> </td>
<?php endif; ?>
<?php endif; ?>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php endif; ?>
<?= $this->pagination ?>
</div>
Das ist CSS und hat mit dem Template und mit Programmierung nichts zu tun.
Sorry, aber das hilft mir jetzt nicht weiter. Das Core Erweiterungsmodul Auflistung verlangt bei Verwendung ein Template. Es gibt nur eins und das habe ich benutzt. Ob das jetzt technisch gesehen ein CSS oder was auch immer ist, ist mir egal. Hier scheint das Modul Auflistung mit den Einstellungen des Mate Themes zu kollidieren und ich suche einen Ansatz, das Problem zu beheben.Zitat:
Zitat von mlweb
Mit dem Modul an sich hat das nichts zu tun. Du musst das CSS des Themes anpassen, am besten in einer eigenen CSS Datei, die du in deinem Seitenlayout einbinden lässt. Evt. ist auch schon vom Theme selbst etwas dafür vorgesehenen. Näheres dazu findest du in der Dokumentation des Themes: https://pdir.de/docs/de/contao/theme...n/colors_font/
Danke, das werde ich mir mal genau ansehen.Zitat:
Zitat von Spooky
Grundsätzlich wäre das eine Anpassung, die direkt im Theme passieren sollte. Denn dass man einen Link in einem Table Header hat ist ja nicht weit hergeholt. Du könntest daher den Theme Hersteller darauf hinweisen.
Dank Euch, ich brauchte nur den richtig Tip. Ich habe in der custom_variables.scss folgenden Eintrag gesetzt:
Das hat geholfen.PHP-Code:$primary-link-font-color: #FFFFFF;
... aber nur für Dein Tabellen-Problem. Das dies eine Variable ist, die in mehreren CSS-Definitionen verwendet wird, macht Du damit anders kaputt. z.B. den Link auf dieser Seite https://cms4.rttonline.de/Portal.html , der jetzt auch weiß — und damit fast nicht sichtbar —ist.Zitat:
Zitat von gfassben
Danke für den Hinweis, das hatte ich auch schon gesehen. Wenn ich das richtig sehe, habe ich zwei Möglichkeiten:Zitat:
Zitat von fiedsch
1. Anpassung nur für diese Seite
2. Anpassung der Farbe, dass es für alle implementierten Seiten funktioniert.
3. hinzufügen einer neuen CSS-Regel für Links in Tabellenköpfen (die sind, wenn ich das richtig in Erinnerung habe dein Problem). Also etwas wie (vgl. auch #4)
Wo das bei dem von Dir verwendeten Theme am besten eingepflegt wird, kann ich Dir nicht sagen, da ich es noch nie verwendet habe.Code:th a { color: #fff; }
Danke für die Unterstützung. Ich konnte die Farbe so anpassen, dass keine Kollisionen mehr entstehen.Zitat:
Zitat von fiedsch