Need to add bulleted text to a Publication cover

Using Ghost
1

I am using the Wave theme. My Publication cover is an image I made with text imbedded in the image to describe what my company does.

BUT since the text is part of a png image, it is a little blurred, and does not size well on different devices (eg laptop, tablet, phone)

See the large blue rectangle with imbedded text at:

Is there any code I could add to display the actual text over the top of the publication cover, which would then be clearer and able to resize automatically.

Some themes allow a single sentence to be displayed, but I have several formatted bullets.

Thanks in advance.

2

Proof of principle answer (works in code injection).

<!-- put in code injection head--> 
<style>
.site-cover {
background-color: blue;
color: white;
}
</style>
<!-- put in code injection footer --> 
<script>
let target = document.querySelector('.cover-content') ; // or .site-cover
target.innerHTML = `
<ul>
   <li>First bullet</li>
   <li>Second bullet</li>
</ul>`
</script>
3

Hi Cathy. Thanks for your reply

I sent you an email via your website

Neil

1 Like