特定のページで、ヘッダー、メニュー、フッター、ソーシャルアイコンなどを非表示にしたい

前提・実現したいこと

ワードプレス初心者です。
こちらで検索して同様の質問にたどり着き、回答にあったコードを固定ページの投稿欄にコピペしたところ、フッターは非表示となってくれたのですが、ヘッダー画像やメニューはそのまま残ってしまっています。

該当のページはフロントページで、そこにはビジネスのロゴとリンク以外表示させたくないのですが、可能でしょうか？

日本語と英語でググってありとあらゆるコードを試したのですが、どれも全くワークせず途方に暮れています。お知恵を貸してくださると嬉しいです。

発生している問題・エラーメッセージ

どんなコードを突っ込んでも非表示にならない

該当のソースコード

<style>
#masthead,#header-nav-area,#header-image,#sub,#main-footer{
  display:none;
}
</style>

試したこと

・上記にある該当のソースコードに記載したものは、こちらのサイトにあった類似の質問の回答にあったものを引用して貼らせてもらいました。これを固定ページの投稿欄（Html）に入れると、フッターのみ非表示になります。

・日英でググって、色々なコードを試してみたがどれもうまくいきませんでした。主にCSSのコードを試したのみで、phpに関しては無知なため恐くて試していません。

補足情報（FW/ツールのバージョンなど）

使用しているテーマ： Solstice - Personal & Magazine WordPress Blog Theme
出典元： seaboardthemes （販売元で良いのでしょうか・・・？）

m.ts10806

2018/08/26 09:51

提示された情報だけでは指定のcssが正しいという判断は誰も出来ません。WordPressはあまり詳しくないのですが、テーマとかテンプレートとか何かしら使われていると思うので、そのテーマ名称とできれば出展元をご提示ください。また、提示された指定の要素は自身で入れられたものかテーマに入っているものかでも違います。もう少し再現・現象が確認可能な情報がいただけると、CSSでdisplayを指定するよりも良い案（そもそもhtml上にすら表示しないとか）が得られるかもしれません。

m.ts10806

2018/08/26 10:04

質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わりますし、質問一覧に表示されるのでわかりやすくなります。

m.ts10806

2018/08/26 10:10

なるほど有料のものでしたか。有料のものですと利用者はグッと減る（印象）のである程度実コードがないと回答難しいかもしれませんね。