Reduce the height of the menu bar and manage color style
Toolbar
I can not find how to reduce the height of the menu bar (see picture)
Color style
Is it possible to change the color of a single line in a color group? and is it possible to change with a hex color? (see picture)
🤔 sorry the answer is maybe already in the forum but I'm not English speaking
Thank's for your answer
Best regards
Hi Tara974,
Please leave your forum URL to allow us to check it. The issue you've mentioned in this support topic we'll check as well:
https://wpforo.com/community/how-to-and-troubleshooting-2/search-box-not-active/ ,
The $5 in documentation means hex color. You ca manage those in Styles Tab of Forum Settings. Just click on color and open hex editor:
Hi,
Yes I Know, but I look to change only one line, for exemple :
Is it possible to change only Statistics text and not all the group
- Couleur du texte des statistiques de pied de page
- # wpforo-wrap # wpforo-stat-body .wpf-stat-item
- Couleur # 5
- Thèmes gris icône couleurs
- Couleur de la description du forum
- # wpforo-wrap .wpfl-1 .wpforo-forum-description {color: $ 5;}
- Couleur d'arrière-plan de la barre de menus du profil
- # wpforo-wrap, .h-footer.wpfbg-2 {background: 5 $! important;}
- # wpforo-wrap .wpf-profile-menu {background: $ 5! important;}
- Couleur du texte des statistiques de pied de page
- # wpforo-wrap # wpforo-stat-body .wpf-stat-item i {color: $ 5;}
- # wpforo-wrap # wpforo-stat-body .wpf-stat-item .wpf-stat-value {color: $ 5;}
- # wpforo-wrap # wpforo-stat-body .wpf-stat-item .wpf-stat-label {color: $ 5;}
Yes sure. you'll need to use the CSS code for this purpose. The custom CSS code should be added in "Custom CSS code" textarea located in Dashboard > Comments > Settings > styles admin page.
You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console.
If you want to use one line, just copy the css from documentation and paste it in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea. Save it, delete all caches, navigate to forum front-end and press Ctrl+F5 twice to delete browser cache. Make sure tere is no space after "#" symbol. For example, copy this :
# wpforo-wrap, .h-footer.wpfbg-2 {background: 5 $! important;}
paste in the textarea mentioned above like this, without space after # and after "!", then change $5 to your hex:
#wpforo #wpforo-wrap, .h-footer.wpfbg-2 {background: #DD0000 !important;}
Waouhhh Thank's Sofy,
I do not know if I'm up to do that, but I'll try !
best regards