Editing the Public Subscription Page

[ToxicCosmos]

Hello all,
How can I edit the public subscription page? I'd like to add my logo and some text.

[MaximilianKohler]

There are tutorials in the docs.

[ToxicCosmos]

I've looked in the docs and am not sure which portions have to do with the public subscription page and which are for mailing templates. Could you maybe point me to the right part of the docs?

[candidexmedia]

I'd like to add my logo

Upload your logo to a storage site, and paste the URL of the image here to your Logo URL settings:

some text

You'll likely need to use some JavaScript for this, under Settings > Appearance > Public. Where in the form are you adding your text?

[ToxicCosmos]

Thank you for replying. Does adding my logo url to the field you mentioned replace the listmonk logo? Just want to make sure I understand.

As for the text, I was hoping to replace "Subscribe" with "Subscribe to our mailing list" or something similar.

[candidexmedia]

Does adding my logo url to the field you mentioned replace the listmonk logo? Just want to make sure I understand.

Yes, on all public-facing pages. I recommend adding a custom favicon as well if you have one.

As for the text, I was hoping to replace "Subscribe" with "Subscribe to our mailing list" or something similar.

You have a number of options:

With JavaScript

Go to Settings > Appearance > Public > Custom JavaScript and paste the following:

document.querySelector('h2').innerHTML = document.querySelector('h2').innerHTML.replace('Subscribe', 'Subscribe to our mailing list');

By editing the webpage file

Please see the System Templates doc section.

In your case: Edit the following subscription-form.html, replacing {{ L.T "public.subTitle" }} with your text. The double-brackets indicate that it's a JSON language string, so you could also edit your existing language file / use a custom one by following this method.

[ToxicCosmos]

Thank you so much.

One more question. How do I change the background-color of the list checkbox? It's currently purple when selected and I can't seem to change it through css.

The following doesn't work:

ul.lists li input {
background-color: rgb(0, 51, 153);
}

[candidexmedia]

I'm not sure why it's not working, but I changed the checked checkbox's background colour by changing the accent colour variable in the body:

[ToxicCosmos]

That worked, thanks again.