AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant

Notifications

Clear all

[Solved] Topic title font size changing

Summarize Topic

How-to and Troubleshooting - wpForo 2.0

Last Post by Highlander 5 years ago

4 Posts

2 Users

2 Reactions

3,207 Views

RSS

Posts: 4

Highlander

Topic starter

Translate ▼

Aug 30, 2021 10:57 pm

(@highlander)

Active Member

Joined: 5 years ago

[#18515]

Hello,

i am just trying to change the topic titel font size of wpforo. Actually it always seems to set it on "42.75px;" .. and i dont know why.

Would like to set it on 20px so big topics dont break anymore. (see picture)

i also added the css code to override:

#wpforo #wpforo-wrap #wpforo-title {
    font-size: 20px;
    padding: 2px 0 10px 0;
    margin: 1px 0 15px 0;
    font-weight: 500;
}

but this didnt change anything. Maybe you have some idea? CTRL+F5 .. did it many times.

Thank you!

The page I need help with

https://joystick.news/community/

wpForo Version

1.9.9

WordPress Version

5.8

Topic Tags

custom css font size

3 Replies

Posts: 4

Highlander

Topic starter

Translate ▼

Aug 30, 2021 10:58 pm

(@highlander)

Active Member

Joined: 5 years ago

i would like to look like on this screenshot:

Edit:

when i examine my css with the browser (chrome) the css is like this: (from where it gets the 42.75px)?

element.style {
    font-size: 42.75px;
}
#wpforo #wpforo-wrap #wpforo-title {
    color: #333333;
}
#wpforo #wpforo-wrap #wpforo-title {
    font-size: 20px;
    padding: 2px 0 10px 0;
    margin: 1px 0 15px 0;
    font-weight: 500;
}

here on wpforo the elemet.style is empty:

element.style {
}
#wpforo #wpforo-wrap #wpforo-title {
    color: #333333;
}
#wpforo #wpforo-wrap #wpforo-title {
    font-size: 20px;
    padding: 2px 0 10px 0;
    margin: 1px 0 15px 0;
    font-weight: 500;
}

1 Reply

Chris

(@chris)

Joined: 5 years ago

Famed Member

Posts: 3610

Aug 31, 2021 1:15 pm

Reply to

Highlander

Translate ▼

Hi @highlander,

Add this CSS code in "Custom CSS Code" field from Dashboard > Forums > Settings > Style's Tab

#wpforo #wpforo-wrap #wpforo-title {
    font-size: 20px !important;
}

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.