News:

Create A Forum Installed

Author Topic: The "Boring" Verdana Fonts doesn't completely changed, Is there any solution?  (Read 114 times)

0 Members and 0 Guests are viewing this topic.

Offline Lisa Yani

  • Newbie
  • *
  • Posts: 4
  • Karma: 0
    • View Profile
So, I am deciding to change the font in my-owned forum from a really boring "Verdana" fonts to be "IBM Plex Sans", but it doesn't fully changed. there are screenshots while I trying to change the font :





This also happens on "Last edit" section, "Attachments and other options", and etc.

Share on Facebook Share on Twitter


Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7014
  • Karma: 322
    • View Profile
Are you familiar wtih developer tools in the browser? You can inspect elements on the page and see what class/area in the css to change that would affect the font in that area.
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Lisa Yani

  • Newbie
  • *
  • Posts: 4
  • Karma: 0
    • View Profile
Are you familiar wtih developer tools in the browser? You can inspect elements on the page and see what class/area in the css to change that would affect the font in that area.
The font itself comes back to Verdana again when refreshing the page, How I can make the IBM Plex Sans fonts are maintain these between page refresh?

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7014
  • Karma: 322
    • View Profile
Are you editing the css in the style manager area to make the change?
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Lisa Yani

  • Newbie
  • *
  • Posts: 4
  • Karma: 0
    • View Profile
Are you editing the css in the style manager area to make the change?
I Changed all fonts in CSS in Style Manager area, but there still has a Verdana font right here

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7014
  • Karma: 322
    • View Profile
You need to add important! to your css https://www.geeksforgeeks.org/how-to-override-the-css-properties-of-a-class-using-another-css-class/

The default index.min.css file is overriding yours in this case.
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline Lisa Yani

  • Newbie
  • *
  • Posts: 4
  • Karma: 0
    • View Profile
Alright, now it's 100% changed. I just have found a solution by adding the below
Code: [Select]

.smalltext {
font-family: 'IBM Plex Sans', 'sans-serif';
}

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7014
  • Karma: 322
    • View Profile
Glad you have it solved!
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

 

Related Topics

  Subject / Started by Replies Last post
2 Replies
1739 Views
Last post January 14, 2012, 04:55:49 pm
by Roblox_Forums_Account
2 Replies
1195 Views
Last post April 20, 2016, 02:17:53 pm
by darkoflite
1 Replies
912 Views
Last post July 11, 2016, 03:37:45 pm
by CreateAForum
6 Replies
17957 Views
Last post November 21, 2017, 11:43:18 pm
by CreateAForum
1 Replies
567 Views
Last post March 23, 2019, 11:12:57 pm
by CreateAForum