Individuelle Gestaltung der Anzeige

Selbstverständlich können Sie das Aussehen der Listen und Detailansichten durch CSS Anpassungen komplett an Ihre Homepage anpassen.

 

Hier ein Beispiel zur Änderung der Farbe des Detail-Button:

 

1. Rufen Sie in einem Browser die Liste auf.

2. Fahren Sie mit dem Mauszeiger über den Detail-Button und klicken Sie mit der rechten Maustaste.

3. Wählen Sie im Popup "Untersuchen" (Chrome + Edge) oder "Element untersuchen" (Firefox)

4. Sie sollten eine ähnliche Ansicht erhalten:

 

5. Auf der rechten Seite können Sie nun die genutzte CSS-Klasse erkennen und entsprechend Ihren Wünschen ändern. Wenn Ihnen die Änderungen zusagen, kopieren Sie einfach den gesamten Abschnitt und fügen Sie ihn in Ihre CSS Datei ein, die Sie auf Ihrer Homepage nutzen.

 

So können Sie mit fast allen Elementen verfahren und eine optimale Anpassung an Ihr Design vornehmen.

 

• Related Articles

• Installation des Wordpress Plugins

  Installation über Wordpress.org 1. Loggen Sie sich im Backend Ihrer Wordpressinstallation ein 2. Navigieren Sie zum Menü "Plugins" => "Installieren" 3. Geben Sie im Suchfeld "Tier-Management" ein und suchen Sie in der Ergebnisliste nach dem Plugin ...

• CSS Klassen Beispiele

  Farbe der Button (Details, Anfragen) ändern: .petfinder .btn-primary { color: #fff; background-color: #DF1995; border-color: #DF1995; } Farbe der Button (Details, Anfragen) beim Hover ändern: .petfinder .btn-primary:hover { color: #fff; ...

• Übergabe an Contact Form 7

  Bei Einsatz des Wordpress-Plugin "Contact Form 7" können Werte des Tieres direkt an das Formular übergeben werden. Der Aufruf innerhalb des Formulars muss folgendes Format haben: <label> Tierame [text* variable default:get] </label> Variable Inhalt ...

• Spalteneinstellungen werden nicht gespeichert

  Grundsätzlich ist die Tabellenübersicht so konfiguriert, dass individuelle Ansichten automatisch gespeichert werden. Die Einstellungen werden auf dem jeweiligen PC bzw. im verwendeten Browser gespeichert und nicht in den Benutzereinstellungen. Dies ...

• Der Schriftverkehr

  Das Modul Schriftverkehr erlaubt es Ihnen, komfortabel Briefe zu erstellen. Wählen Sie den Empfänger aus, geben Sie einen Namen ein, unter dem das Dokument gespeichert werden soll und erfassen Sie, optional, einen Text. Innerhalb des Textes können ...