Forum Discussion
Can I add an icon to a page header?
- Oct 27, 2023
LopaAtl Unfortunately, you cannot do it using SharePoint default page header.
Here are 2 workarounds you can try:
1. Use emoji instead of image icon:
- Edit the site page
- Click near page title text box area
- Press Windows + . (period) to open emoji pane
- Add emoji as per your requirements
Output:
2. Hide default page header and add page title using SharePoint web parts
- Create a blank site page without page header and title by following: SharePoint Online: Create a blank page without header & title
- Add a section with one column layout at the top of site page
- Add Text web part inside the page section
- Add image and page title text inside text web part - format the image (move/drag, resize, etc.) and change font size of page title text as per your requirements
- You can add other web parts on page as per your requirements and publish/republish the page.
Output:
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
LopaAtl Unfortunately, you cannot do it using SharePoint default page header.
Here are 2 workarounds you can try:
1. Use emoji instead of image icon:
- Edit the site page
- Click near page title text box area
- Press Windows + . (period) to open emoji pane
- Add emoji as per your requirements
Output:
2. Hide default page header and add page title using SharePoint web parts
- Create a blank site page without page header and title by following: SharePoint Online: Create a blank page without header & title
- Add a section with one column layout at the top of site page
- Add Text web part inside the page section
- Add image and page title text inside text web part - format the image (move/drag, resize, etc.) and change font size of page title text as per your requirements
- You can add other web parts on page as per your requirements and publish/republish the page.
Output:
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- LopaAtlOct 30, 2023Copper ContributorThank you ganeshsanap for your help. The 2nd option is what I was looking for. I appreciate your help.