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 ...

• Das Paten-Management

  Das Paten-Management ermöglicht die Erfassung von regelmäßigen Bedarfen (z.B. Medikamente, medizinisches Futter, etc.) sowie von einem einmaligen Bedarf (z.B. Operationen) bei einem Tier. Die Bedarfe können durch Paten gedeckt werden, die dem ...

• Platzhalter für das Vertrags-Management

  Um die Vorlagen anzupassen, melden Sie sich bitte mit Administratorrechten an. In den Einstellungen des Vertrags-Management finden Sie die Vorlagen, die Sie auf Ihren PC laden können. Nach der Bearbeitung laden Sie die Vorlagen einfach wieder hoch. ...