CSS Klassen Beispiele

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;
background-color: #df19954f;
border-color: #df19954f;
}
 
Hintergrundfarbe der Tabellenzeilen ändern:
 
.petfinder .table-striped tbody tr:nth-of-type(odd) {
background-color: #F9F0EC;
}
 
Detail-Button zentrieren:
 
.petfinder .card-body {
text-align: center;
}
 
    • 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 ...
    • 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 ...
    • Ü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 ...
    • Das Pensions-Management

      Die Entwicklung des Pensions-Management ist zurzeit eingefroren. Anfang 2024 werden wir anfangen, das Pensions-Management komplett neu zu entwickeln und hoffen, dass wir im 3. Quartal 2024 eine erste Version veröffentlichen können. Diese Version wird ...

    Fernwartung

    Wenn Sie eine Fernwartungs-ID erhalten haben, können Sie diese hier eingeben.