Sharepoint - Creating designed page with images & links

Kat 0 Reputation points
2023-04-21T16:40:53.5966667+00:00

I was pulled into helping my team's Intranet page. I am not familiar with SharePoint, but Adobe programs (Photoshop/Illustrator etc). Some ways it reminds we of Office Word and on an online browser. We have internal pages dedicated downloading logo imagery. I want to update the look, but am getting stuck on how to lay it out with SharePoint. Using tables is not helping and botched-up the design. The images show the tools in SharePoint plus a mock up of what I am trying to do with the logos and links to the logos. What would be the best approach to design this page with the logo and hyperlinks? If using a table can a line be added in between each section? Also how can I change the hyperlinks from showing purple? Note: Table with hyperlinks is showing with a table. That would be removed before published. Tools

Sample2

table

Microsoft 365 and Office | SharePoint | Development
Microsoft 365 and Office | SharePoint | For business | Windows
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff
    2023-04-24T02:41:27.6733333+00:00

    Hi @Kat,

    1. For SharePoint page design, you can refer to some template example on SharePoint look book.
    2. To design the tables, you can use a section to display three tables. Please refer to the article about how to add sections to modern page
    3. Since the modern page have disabled the script editor, so if you want to insert css you will need to configure Modern Script web part then use this web part in your main page with custom CSS code to change color of links. There is a blog about configuring Modern Script Web Part for your reference:
    4. SharePoint | Online | Best Practice | install Modern Script Editor Web Part for SharePoint Online Modern Site.

    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' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.