Tutrix.dedeine Community für wpForoinoffizieller deutscher wpForo Support

wpForo: Forum Icons...
 
Teilen:
Benachrichtigungen
Alles löschen

V 1: Tipps und Tricks wpForo: Forum Icons optisch hervorheben

1 Beiträge
1 Benutzer
0 Likes
986 Ansichten
Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 482
Punkte: 799
Thema gestartet
 

Wer die Foren Icons der Layouts 1 und 2 (Extended und Simplified Layout) auf der linken Seite etwas hervorheben möchte z.B. wie beim Threaded Layout

kann dies mit folgenden CSS Codes umsetzen

Beispiel am offiziellen wpForo

der runde Hintergrund

#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon i:before, #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-icon i:before { 
background: #43A6DF;
width: 1.8vw;
height: 1.8vw;
min-width: 25px;
min-height: 25px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 50%;
}

Anpassung der Farbe sowie Größe(notwendig damit sie responsive sind) der Icons

#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon i, #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-icon i { 
font-size: 1vw !important;
color: #ffffff !important;
}

und noch die angepasste Farbe für ungelesene/neue Themen

#wpforo #wpforo-wrap .wpf-unread-forum .wpforo-forum-icon i { 
color:#ff9900 !important;
}

Die Farben könnt ihr natürlich an euer Design anpassen

noch ein kurzes Video wie die Änderungen aussehen, am Beispiel vom offiziellen wpForo

Titel: Forumicons optisch hervorheben

Ich arbeite mit diesen Programmen sowie Plattformen für Softwareentwickler

Für den Fall, dass du dich bedanken und die Community unterstützen möchtest Buy me a coffee

 
Beitrag veröffentlicht am : 29.12.2020 19:41
Profil-Infos von Tutrix
Registriert seit: 20.01.2020 Webseite: https://www.tutrix.de Land: Germany Stadt: München
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
wpForo Topic Prefix & Tags Manager wpForo Ads Manager wpForo User Custom Fields wpForo Private Messages wpForo Emoticons wpForo Advanced Attachments wpForo Embeds wpForo Syntax Highlighter wpForo User Mentioning WP-UserOnline Wise Chat Pro CleanTalk AntiSpam Code Snippets CM Glossary Tooltip Animate On Scroll Library Toggle Funktion
Themen Schlagwörter

Anzeige




Teilen:
wpForo theme made with love a lot of time and coffee by Tutrix