Targetting Text Strings in a Specific Forum

v5 Cloud Test Forum

Hi all.

I wish to change the button text, 'Start New Topic' on a Contact Us forum. I have managed to achieve this using CSS - it is clunky, but seems to work on the three browsers I've tested. I could not get the button to resize to the new text string, so had to resort to using font-size. And I could not use display:none instead of visibility:hidden because the width of the button collapses. I tried a few things, but could not get the button to resize to fit the replacement text string.

[data-pageid="16"] ul.ipsButtons.ipsButtons--main.i-margin-block_block li a.ipsButton.ipsButton--primary span {
  visibility: hidden;
  position: relative;
  bottom: 2px;
  font-size: 0.75rem;
}

[data-pageid="16"] ul.ipsButtons.ipsButtons--main.i-margin-block_block li a.ipsButton.ipsButton--primary span:after {
  visibility: visible;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "New Ticket";
  font-size: 1rem !important;
}

The above would be OK, but I would need to change multiple text strings to maintain consistency, including two additional strings for the first 'Ticket' notice, several more in the text editor, and probably others too. That's getting way too messy. Is there a better way of going about this? I expect this is achievable and more reliable using JS, but I would run into the same problem of needing to target multiple text strings with multiple alternative strings. Neither do I expect the use of hooks to be practicable in this situation.

Is there a simpler, better approach I am missing? If not, I expect will not bother with this. It would be really nice if there was way to add a condition to language translations.

Edited June 3, 20251 yr by Como