Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

wpForo 1.x.x [Solved] Reduce height of Menu bar and manage style color

7 Posts
3 Users
0 Reactions
1,381 Views
Posts: 13
Topic starter
(@tara974)
Eminent Member
Joined: 6 years ago

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

6 Replies
Sofy
Posts: 5483
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

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/ ,

Robert
Posts: 10616
Admin
(@robert)
Support Team
Joined: 9 years ago

@tara974,

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:

3 Replies
(@tara974)
Joined: 6 years ago

Eminent Member
Posts: 13

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;}
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5483

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. 

 

Robert
Admin
(@robert)
Joined: 9 years ago

Support Team
Posts: 10616

@tara974,

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;}

 

Posts: 13
Topic starter
(@tara974)
Eminent Member
Joined: 6 years ago

Waouhhh Thank's Sofy,

I do not know if I'm up to do that, but I'll try !
best regards