Adding Text link over an Image

Holly Tanner (WIPRO LIMITED) 1 Reputation point
2021-07-16T22:11:51.033+00:00

I have an image displayed as a rectangle and I need to place a text link over it.
In other words, I want to use the image as background for a div tag then have a text link over top over it.
I've tried various methods found. Do not have access to CSS or any way to attach a CSS to these pages. We are using SP Modern UI, the page is a wiki with HTML source editor but seems to have strict control over what can be done.
So I need a solution that I can do without CSS and within the page HTML source editor (this can't be changed it is out of our control).

Any suggestions appreciated!

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
8,045 questions
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,246 questions
0 comments

3 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Michael 17,971 Reputation points
    2021-07-19T06:15:42.413+00:00

    Hi @Holly Tanner (WIPRO LIMITED) ，

    Per my knowledge, we need to use the style to mak te image as background for a div tag. Below is my sample for you:

    115784-image.png

    If an Answer is helpful, please click "Accept Answer" and upvote it.
    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
  2. Holly Tanner (WIPRO LIMITED) 1 Reputation point
    2021-07-19T17:27:33.877+00:00

    Hi @Michael ,
    I tried that code idea previously but the edit source page just strips that code out.
    Any other ideas?
    I do not have content editor access. This is a wiki page that has the ability to add some code under Edit source. Sometimes it just will not allow things and that specific code is one of them :). I have tried many variations too.

    Anyone with any ideas, I am open to trying!

    Thanks!

  3. Holly Tanner (WIPRO LIMITED) 1 Reputation point
    2021-07-20T15:09:37.927+00:00

    @Michael
    Actually, no you don't have to use content editor web part or script editor to insert the code when using SP Modern UI or SharePoint Online or SharePoint Office 365 (call whatever you like).
    In SP Modern UI the Wiki pages allow limited HTML changes via the page's edit source.
    Since it is part of Office 365 and is owned by the company we are managing it for, I don't have access to Office 365 Admin center, where Sp Admin Center now resides.
    Also because it is SharePoint Modern UI, SharePoint Designer is not an option and neither is adding a CCS. In other words SharePoint Designer and CSS do not work with SP Modern Pages.

    No worries though I found an alternate route by using a table. It is cumbersome but it works.
    Thanks for you help.
    Have a nice day.