Help: How to put a background image on an announcement with text on top.

[lisandi]

Courtney Kenobi asked on FB: https://www.facebook.com/groups/786267988168281 (February 18, 2021) I was interested in putting a background image on an announcement with text on top - I know this has been recommended as a future feature - but has anyone tried it successfully? UPDATE: I was able to add a background image to a DIV tag with Text on top successfully via View/Source Code (SO I guess that works). e.g. <div style="background-image: url('//www.html.am/images/image-codes/milford_sound_t.jpg'); width: 220px; height: 140px; color: black; font-size: 18px;">This text appears in front of the background image.</div> I was also interested in adding different colors to the background. Does anyone know the files that define the colors? UPDATE: I found the colors listed in style.css

--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;

I was also wondering where or how I would create a template that we can use in the announcements? If no templates are defined, how does one define one?

is there an announcements template folder or file it is looking for in particular? I have not been able to understand where it wants me to put the template first in order to add it to the item I am adding. Have you done it before? Thanks!

Thank you

Wiki

https://github.com/T3Social/T3Social-Community/wiki/How-to-put-a-background-image-on-an-announcement-with-text-on-top-in-Sngine-and-T3Social

[lisandi]

Courtney Kenobi answered on FB:

I created a ticket to ask Zamblek about the "Insert Template" in the Announcements editing screen: It's apparently not a feature 😃 Thought I would leave this posted in case anyone else searched for it.

No this feature not available in Sngine, It's plugin for the Rich Text Editor that Sngine use. https://www.tiny.cloud/docs/plugins/opensource/template/ And we will remove it with next update v3.1 to remove any confusing. However you can add whatever any HTML code as you want by click on Tools -> Source Code https://ibb.co/3hxCKpp Hope this answer your question. Zamblek Team

[lisandi]

https://github.com/T3Social/Sngine-Community-Edition/wiki/How-to-put-a-background-image-on-an-announcement-with-text-on-top-in-Sngine