Forum Discussion
Increase Font Size of List Web Part
Beau Cameron most recent version - sorry, I've lost track of which that is - but it is utilizing wiki pages, not modern pages
I suppose it's possible in the classic pages, but I don't recommend doing it... if it's an issue you'd like to fix on all classic pages, I suggest injecting the CSS using a user custom action instead of using Content Editor Web Parts.
However, I personally feel it's technical debt that isn't providing much value in return.
- Jul 24, 2019By most recent version you mean SharePoint Online? Are you talking about the new list WebPart?
- TheWhiteGoose99Jul 24, 2019Copper Contributor
jcgonzalezmartin yes, SharePoint online. And I believe so, the new List webpart.
- Tyler_TuckerJul 24, 2019Copper Contributor
TheWhiteGoose99 if you're using SharePoint Online, navigate to the list page and then select a column you want to change the font size to Column -> Column Settings -> Format This Column, a window appears on the right, Click Advanced Mode, and a text box appears for you to enter JSON code to manipulate the HTML. Copy and paste the Code snippet below into that JSON text box.
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
"elmType": "div",
"debugMode": true,
"txtContent": "@currentField",
"style": {
"font-size": "18pt"
}
}You can change the value "18pt" to whatever you want. The formatting settings will carry over to the Web part. Here's a https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting to more JSON formatting if you're interested.
Edit: I realize that you said you were utilizing wiki pages? This method will work with Modern list pages. (Tested)