How can you make Modern SharePoint Online QuickLink Titles Bold?

Bill Leimbach 1 Reputation point
2022-10-25T20:57:12.77+00:00

Greetings:

We are using Modern SharePoint and we have created a Quick Link (seen below). We want to make the titles for each link to be bold to increase readability. We want the reader to see the title in bold and the description not in bold.

254123-image.png

How can we make the change to the hub site so that the magic would happen for the quick links in the hub site and all of the other sites?

Thanks for your insight...

Bill

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,922 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Tong Zhang_MSFT 9,231 Reputation points
    2022-10-26T06:10:50.467+00:00

    Hi @Bill Leimbach ,

    According to my research and testing, unfortunately there is currently no out-of-the-box way to make modern SharePoint Online Quick Links titles bold.

    As a workaround, you can make the title bold by writing CSS code. Please follow these steps:

    1. First, refer to this document to deploy Modern Script Editor Web Part: Install Modern Script Editor Web Part for SharePoint Online Modern Site
    2. Then, you can write CSS code to make the title bold, for reference:
      <style type="text/css">  
              .cardText-527{  
                  font-size: 16px;  
                  font-weight: bold;  
               }  
      
      </style>
      254147-image.png

    Here is my test result:

    254148-image.png

    Hope it can help you. Thanks for your understanding.

    Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.



Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.