How to resize the f...
 
Notifications
Clear all

[Solved] How to resize the forum cover image (height)

7 Posts
2 Users
2 Reactions
1,017 Views
(@ystrofi)
Posts: 9
Active Member
Topic starter
 

Hello! Could you please answer 2 questions 🙂

1. How to resize the forum cover image (height). It looks like the hight of the cover image is 120px. And what if I need 70? Because 120 is too much.... 

1

2> How to set up the font on the cover image? The standard font looks unreadable. how to change the font only in this place? Make it thicker? And make the font a little bigger?

2

Thank your great team very much!

 

 
Posted : 19/08/2022 7:25 pm
 Tom
(@tomson)
Posts: 4213
Famed Member Admin
 

Hi @ystrofi,

The current height is 170px not 120px. You can use this CSS code to change the height. Put it in wpForo > Settings > Colors & Styles > Custom CSS Code textarea, save it and delete all caches:

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-2 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category {
  height: 100px!important;
}

The category font is inherited from your website font. There are no forum specific fonts, all come from your WordPress theme. You can add font-family to the css code above and change to any font you want, for example:

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-2 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category {
  height: 100px !important;
  font-family: Arial, Helvetica, sans-serif;
}
 
Posted : 20/08/2022 9:51 am
ystrofi reacted
(@ystrofi)
Posts: 9
Active Member
Topic starter
 

@tomson Thank you very much for а great support!

 

 
Posted : 20/08/2022 2:51 pm
(@ystrofi)
Posts: 9
Active Member
Topic starter
 

Hello one more time! Doesnt work. maybe I did wrong. Here my actions:

1. Add the code

1

2. Press save

2

3. clear all cahes

3

4. open forum in brouser and press ctrl+f5 five times

5. Unfortunateli, category cover is still big... But I set up only 70 px cover hight. 

4

 

Question. How can I check if CSS code in step on works?

 

Thank you very much!

 
Posted : 20/08/2022 3:52 pm
 Tom
(@tomson)
Posts: 4213
Famed Member Admin
 

@ystrofi,

Please look at my CSS again, look attentive. You should see there !important; statement, where is the important statement in your CSS code?

 
Posted : 21/08/2022 12:57 am
 Tom
(@tomson)
Posts: 4213
Famed Member Admin
 

I'm closing this topic. Please don't use this support forum for wpForo related questions. This is the addons support forum. It's already mentioned on the top, so all further questions should be asked in wpForo support forum: https://wpforo.com/community/

 
Posted : 21/08/2022 12:58 am
(@ystrofi)
Posts: 9
Active Member
Topic starter
 

Good afternoon! Thanks for your patience and help! Everything is working fine now 🙂 Next time I will post in another forum. Sorry for not understanding where to write right away! Thanks again for a great plugin. And for the excellent forum engine! Best regards, Julia

 
Posted : 21/08/2022 6:21 pm
Tom reacted
Share:
Scroll to top