XF 2.2 Blocks: Changing Font Size

xelA

Member
So, I went and changed the font size under Appearance > Style properties > Typography > Normal font size (17px)

That also caused the Blocks (Threads, Messages, Members, etc) to get larger. I want it to be the default size (15px).

How do I go about doing this?
 
Rather than go to typography and do a global change, search for the style elements you want to change and make the font change there. An example would be something like this:

1712471335728.webp
 
Thanks, but I'm still having a hard time trying locate these areas so I can resize the font:

pairs pairs--justified count--threads
pairs pairs--justified count--messages
pairs pairs--justified count--users
pairs pairs--justified

Maybe there's a custom CSS that could do this?
 
OK, use this in your extra.less file and change 'threads' to 'messages' etc. For the last one, remove everything after the dot after 'justified' and change the font size to suit.

Code:
dl.pairs.pairs--justified.count--threads {
    font-size: 20px;
}

Let me know if this works for you :)
 
Last edited:
Thanks so much for taking the time to help me out, Davyc!

For anyone out there trying to do the same thing, you put either in your extra.less file:

Code:
dl.pairs.pairs--justified.count--threads {
    font-size: 15px;
}

dl.pairs.pairs--justified.count--messages {
    font-size: 15px;
}

dl.pairs.pairs--justified.count--users {
    font-size: 15px;
}

dl.pairs.pairs--justified {
    font-size: 15px;
}

OR

Code:
dl.pairs.pairs--justified {
    font-size: 15px;
}
 
Back
Top Bottom