1

I'm fairly new to SharePoint. Previously a regular user who is now responsible for updating links and files.

enter image description here

My boss wants the link text to be larger which is actually a great idea as I hate microscopic text.

After clicking on the "Quick Links" web part and clicking edit on the link I don't see an option to increase the font size. Since this is an extremely simple feature I must be missing it. Where is it located?

I would like it to look like this:

enter image description here

I've been browsing and people keep talking about JSON formatting. I don't see an area to enter that type of data.

2 Answers 2

1

First of all, refer to this article to deploy Modern Script Editor Web Part, then change the font size as shown below:

 <style type="text/css">
    .l_a_658c9e0a{

        font-size: 25px !important;
        /* Font Size */

        font-weight: bold !important;
        /* Font bold, italics, */

    }
   .label-253{
        
         font-size: 18px !important;
        /* Font Size */

        font-weight: bold !important;
        /* Font bold, italics, */
    }

    .labelTextWrapper-510{

        font-size: 25px !important;
        /* Font Size */

        font-weight: bold !important;
    }
</style>

Result:

enter image description here enter image description here

2
  • @OP, The exact selectors (like .labelTextWrapper-510) will not work all the time because the number in selector (-510) always keeps changing (even after page refresh). So, you have to manage it accordingly. Also, OP is "fairly new to SharePoint". So, it will be hard to achieve this using SPFx if you don't have development experiece. Commented Feb 26, 2021 at 10:23
  • Manipulating out-of-the-box web parts like this is unsupported. Commented Feb 26, 2021 at 14:53
0

There is no SharePoint out of the box way to increase the font-size of text.

Also, you cannot apply JSON formatting to quick links web part in SharePoint.


If you or someone in your organization has experience in SharePoint/SPFx development, you can create a custom SPFx web part to fulfill your requirements.

Also, there is one SPFx web part developed by community members which supports changing font-size & color of quick links. You can use this web part if it works for you:

SPFx Custom Quick Links

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.