JSON code: How to change Font Color to Black?

SANG BUI1127 91 Reputation points
2022-10-02T12:38:25.073+00:00

Hi there,
246679-image.png

Please teach me how can i change Font Color of Footer in Sharepoint List to black color?
Currently, i used these JSON code for Footer:

{
"elmType": "div",
"attributes": {
"class": ""
},
"style": {
"width": "99%",
"border-top-width": "0px",
"border-bottom-width": "1px",
"border-left-width": "0px",
"border-right-width": "0px",
"border-style": "solid",
"margin-bottom": "16px",
"color": "black"
},
"children": [
{
"elmType": "div",
"style": {
"display": "flex",
"box-sizing": "border-box",
"align-items": "left"
},
"children": [
{
"elmType": "div",
"attributes": {
"iconName": "link",
"class": "ms-fontSize-11 ms-fontWeight-regular",
"title": "Details"
},
"style": {
"flex": "none",
"padding": "0px",
"padding-left": "0px",
"color": "black",
"height": "32px"
}
}
]
},
{
"elmType": "div",
"attributes": {
"class": "ms-fontWeight-bold ms-fontSize-11"
},
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "21px 12px",
"color": "black",
"overflow": "hidden"
},
"children": [
{
"elmType": "a",
"txtContent": "In case you register for more than one person, please click and fill in this form then attach it to Attachments field ",
"attributes": {
"href": "https://[redacted].sharepoint.com/:x:/p/sang_bui1127/EZAox0Ik7wZMvmPk2aFSzzUBGMUr0ChjRAqa8G2zH_cXZw?e=DVjAM3",
"target": "_blank"
}
}
]
}
]
}

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,686 questions
0 comments No comments
{count} votes

Accepted answer
  1. Xuyan Ding - MSFT 7,561 Reputation points
    2022-10-03T06:50:01.727+00:00

    Hi @SANG BUI1127 ,

    Add the code in the picture:
    246798-microsoftteams-image-11.png


    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.

    0 comments No comments

0 additional answers

Sort by: Most helpful