Adding Text link over an Image

Question

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!

Answer 1

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:

---

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.

Answer 2

Hi @MichaelHan-MSFT ,
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!

Answer 3

@MichaelHan-MSFT
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.