How to hide theme item/question

Hi Everyone
I don't have experience in JS and Qualtrics support can't help me further.
My survey uses both display logic and embedded data, while my static theme produces a line after each item/question. I have pulled embedded data into the survey and hidden it using ${e://Field/empty}. I've done it this way so I can use both Question and Embedded Data display logic and view these items In Page (the 'In Page' option is removed when attempting to use both question and embedded data logic so the above is a work around).
My problem is that the embedded data still produce lines 2 before the heading, because there are two instances of ${e://Field/empty}. I'd like to hide the lines so there is no evidence of the embedded data item.
In pasting the below preview image, I can now see that the lines appear in Chrome (in between L and R red dots) but not in Edge (another stumbling block for me)
On a community page I have seen the below script suggested to hide a question but I'm not sure where it should go - on the Edit Question JavaScript page or elsewhere? Also is this the right solution?
Qualtrics.SurveyEngine.addOnReady(function() {
jQuery("#"+this.questionId).next(".Separator").hide();
});
Thanks for any advice.