Notifications
Clear all

wpForo 1.x.x [Closed] How to fix bold style in text

11 Posts
4 Users
0 Reactions
1,777 Views
AlShoker
Posts: 25
Topic starter
(@alshoker)
Eminent Member
Joined: 4 years ago

Dear developers, I'm very sorry, but please tell me how to change the style of the text on the forum. It is now displayed as bold (screenshot attached). Unfortunately, I myself could not find in the code that line with the style that makes the text bold. (
And one more thing: when the page is loaded for 0.4 seconds, the text is displayed with the Roboto normal font (without bold), then for 0.1 seconds the serif font, and only then the Roboto font with bold is connected.
Is it possible to do something to immediately display the desired font? I have the Roboto font installed everywhere on the site.
An example of a page on the site: https://giport.ru/forum/mebel/16960

10 Replies
Chris
Posts: 3627
(@chris)
Famed Member
Joined: 3 years ago

Hi @alshoker,

This is what I see in your Forum:

How you see in the Images, if I disable wont-weight: bold the text by default is not bold

AlShoker
Posts: 25
Topic starter
(@alshoker)
Eminent Member
Joined: 4 years ago

Chris, thanks for the reply!

I ask you to pay attention:
1. There is no "font-weight: bold" tag in my screenshot. I tried creating a "font-weight: bold" tag and turning it off, but the font was still bold.

2. In your browser, throughout the site, the font is displayed with serifs, such as Times New Roman, but it should be Roboto.

3. When loading a page in my browser (Opera, Google Chrome), 3 font changes Roboto Normal > Times New Roman > Roboto Bold occur in 1 second. How can I make it load only 1 type of font?

Also, can you tell me how to fix it? Some user avatars (seen in the right column) are oval and out of proportion when they should be round.

4 Replies
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1493

@alshoker 

The font is not bold
you can test it

add this to custom css

#wpforo #wpforo-wrap { font-weight: bold; !important;}

Dashboard > Forums > Settings > Style (custom css)

then the font is bold

AlShoker
(@alshoker)
Joined: 4 years ago

Eminent Member
Posts: 25

@tutrix, Thank you for your willingness to help!
Please look at the attached screenshot, it was made in the Yandex.Browser browser, here Roboto Normal is displayed in it.
If you look closely when you reload the page, the first second, for a fraction of a second, this font is normal, and then it turns to bold. And earlier it was normal, but after some changes in the settings on the server, the style changed, I didn’t even immediately pay attention and didn’t remember what exactly the rules were.

AlShoker
(@alshoker)
Joined: 4 years ago

Eminent Member
Posts: 25

@tutrix, See how the page looks on this forum in Yandex Browser with the Roboto 15 font.

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1493

@alshoker 

the Roboto font is generally loaded with "font-weight: 500;"

https://www.screencast.com/t/a5X3v6zBbm1u

AlShoker
Posts: 25
Topic starter
(@alshoker)
Eminent Member
Joined: 4 years ago

Dude, you are a genius, thank you so much!
In what file can I disable this class and will the layout fail because of this in another place?
The 500 > 400 fix doesn't help, the bold is only disabled when the entire class is disabled.
Maybe the problem is an error on the page, for example, due to the fact that a font pair is not loaded from the Google server?
The screenshot shows a lot of warnings and errors with loading fonts.

Posts: 7
(@jhonalbert)
Active Member
Joined: 3 years ago

You can fix your text bold by some common tags of HTML and CSS.
If you don't have any idea about HTML and CSS, then let me know I will guide you.

1 Reply
AlShoker
(@alshoker)
Joined: 4 years ago

Eminent Member
Posts: 25

@Chris, @jhonalbert, thanks for the response!
Unfortunately, it seems to me that this is some kind of error in the code. I didn't make any style changes. Please note that when emulating a mobile device, the font becomes not bold, but if you increase the screen width to more than 600 pixels, then the font becomes bold.
If the style "font-weight: 500;" were explicitly specified in the code , then I would have corrected it without problems, but it is not there and it is not clear where it should be edited. But most of all, it is not clear why it does not work correctly only for me? (

Page 1 / 2