Replace or Hide text on page?

Ask the community
,
1

Hi all! I am trying to replace some text on a page, or hide it.
Currently, our Events say $0, and I want to either replace ‘$0’ with “By Donation Only”, or just entirely hide ‘$0’ as well as ‘Price.’

I still need people to ‘buy’ tickets because we have 2 types of tickets: In-person or Online.
I’d post the link here but I am not allowed, so here’s a screenshot.

2160×1352 155 KB

I’ve tried a few things without success. I think any of these could work, but I have the syntax incorrect?

I tried within the Velo editor on that page, accessing the CSS class of the parent element showing ‘$0’ without success.

I also tried going into Dashboard → Settings → custom code, and

  • injecting CSS into the head to hide it
  • putting JS in the Start or End to replace the text
document.body.innerHTML = document.body.innerHTML.replace('$0', 'By Donation Only');

Does anyone have any advice on this?
thank you for any help
-Bill

2

Is the thing displaying products and prices a widget/app on the page, or did you make it yourself? Most apps won’t let you change things like that trough code.

3

Thank you for looking! This is the default Wix Events page that the wix backend creates for a “Wix Event.”

4

It’s gonna be hard to do it then. Could MAYBE work by inserting the code you were showing trough a Custom Element, but I haven’t tried anything like that before, so might just not be possible, I’m sorry.