Limiting Font Size

[tomiseksj]

Is there a way to either remove the last 3 font size options (18, 24 and 36 pt) from the pull-down menu or prevent their use?

[Chris]

The easiest route would be to still allow their use when posting but to ignore them when used (treat them as 14pt if selected to be greater than 14pt). This has the advantage of retroactively working on posts created previous to the new code being installed. The disadvantage is of course it does not account for inline styles and only targets the deprecated font element still generated by the font size dropdown.

Try adding the following to the bottom of your theme's style sheet.

/* Limit size of font elements to only x-small(8pt), small(10pt), medium(12pt) and large(14pt) */
.post.item font[size="1"]{ font-size:8pt }
.post.item font[size="2"]{ font-size:10pt }
.post.item font[size="3"]{ font-size:12pt }
.post.item font[size="4"]{ font-size:14pt }
.post.item font[size="5"]{ font-size:14pt }
.post.item font[size="6"]{ font-size:14pt }
.post.item font[size="7"]{ font-size:14pt }

If you want it active on multiple themes you would need to add it to each theme or put it in your global header.

[Todge]

May 12, 2022 8:11:59 GMT -8 tomiseksj said:

Is there a way to either remove the last 3 font size options (18, 24 and 36 pt) from the pull-down menu or prevent their use?

Try adding this to your forum's CSS Styling..

.button-fontSize ul li:nth-last-of-type(1) { display: none; }
.button-fontSize ul li:nth-last-of-type(2) { display: none; }

Ooops, Chris beat me with a better solution..

[tomiseksj]

Thanks for the help - I'll give it a try in the morning!

[Chris]

The two can be combined to remove from the dropdown (to show that there are now fewer choices) as well as retroactively disable the large-sized fonts from displaying properly


/* Limit size of font elements to only x-small(8pt), small(10pt), medium(12pt) and large(14pt) */
.post.item font[size="1"]{ font-size:8pt }
.post.item font[size="2"]{ font-size:10pt }
.post.item font[size="3"]{ font-size:12pt }
.post.item font[size="4"]{ font-size:14pt }
.post.item font[size="5"]{ font-size:14pt }
.post.item font[size="6"]{ font-size:14pt }
.post.item font[size="7"]{ font-size:14pt }
.button-fontSize ul li:nth-last-of-type(-n+3) { display: none; }


SPOILER: Click to show

[tomiseksj]

Thanks to both of you!