Please don't hate me.. Removing title from individual pages

I know, it’s been covered A LOT. I’ve tried all the methods, ALL of which seem, even with my basic knowledge, as though they should work.

I even downloaded a plug in for ‘deactivating title’. The problem is yes it removed the title, but it also removed the name of the page from the menu (nav) bar.

Here’s the solution I thought I’d like to use if possible (I like to be able to edit the html of each page(I’m very new to CSS) and this way I can edit each page individually with ease (theoretically!).

<style>
h2.pagetitle
{
display: none !important;
}
</style>

I found this on the forum and can’t see why it would work except for one thing, the page id. h2.pagetitle.

Should I have my page id’s in here instead? How would they be written? Based on the link below, I want to remove the title from ‘audio production’ and ‘film production’ but it would be nice to have the option with the others at a later date.

Any other suggestions you may have is great, I’m willing to try anything now. One of the solutions I’ve seen should definitely have worked already!