2016-08-01 5 views
0

私はこのウェブサイトhttp://webr.hol.es/を持っていて、私のスライダーの下に<h1>home </h1>があります。私はそれを削除したい。私はcssクラスを見つけて削除しましたが、その後私は自分のブログセクションに行くと私のブログタイトルはもう見えません。 inspect要素と同様に、HTML全体にアクセスする方法を教えてください。h1要素を削除できません

私はそれに追加クラスとリモートクラスを与えたいと思います。しかし、私はそれがどこにあるのか分かりません。私はinspect要素で見ているように、私のウェブサイトのコードを見るためのプラグインが必要です。あるいは、私のソースコードのどこに要素があるのか​​を見つけるのに役立つヒントかもしれません。

+0

ちょうどあなたが知っているように、あなたは最後の画像にタイプミスがあります。それは "決してun ...を与えない"と言います、あなたが "Never give in ..."と言ってほしいと思っています。 – Taylor

+0

inspect要素で見つけたソースコードの中でそれを探してください。この場合、 '

Home

'をソースコード検索に貼り付けます。 – dlsso

答えて

0

あなたは、次のCSSルールを追加することができます:あなたは、(一つだけh1要素が多分あります)ページクラスにちょうどそのページを追加し、そのような要素を選択することができる場合そのページのページID(ブラウザの開発者ツールに表示されているように、Wordpressが自動的に割り当てるように一意でなければなりません)をh1タグと組み合わせると、そのページだけが表示されなくなります。

追加:それでも問題が解決しない場合は、display: none !important;のように「!important」を追加してください。しかし、私はブラウザの開発ツールで試してみましたが、それがなくても動作しました。

+0

ありがとう!出来た。あなたは、開発ツールのページのIDをどこで見つけましたか教えていただけますか?私は将来知る必要があります。 –

+0

(他のクラスの中でも) 'body'タグの中に直接あります。他のIDは、同じ数字で表示されます。 – Johannes

1

あなたのHTMLにH1タグがどこにあるのかを教えてくれると、そのテーマとともに使用しているCMSのタイプがわからなくなります。あなたはCMSを使用していない場合は、コードエディタでWebルートを開くことができますし、検索を実行する/それ以外の場合は<h1 class="title-post">Home</h1>

のために交換してください、あなたのCSSに以下を追加:

.title-post { display:none !important; } 

より多くの情報を追加してくださいあなたのポストにこのような(明らかに)ハックを使用する必要はありません。

+1

'!important'はこのような問題のための解決策ではありませんが、質問によって与えられた明確な構造の欠如により、この解決策は機能しますが、もう少し詳細が確立されると良い解決策があります。 – Martin

+0

とにかく '!important'がなくてもうまくいくでしょうが、そうでなければ' body 'を追加すると、しばしばその仕事をするのに十分な特異性が増します。問題は、このセレクタがサイト全体のすべてのH1タイトルを削除することです。 – isherwood

+0

@マーティン - 私は自分の答えを編集しました。私はあなたのコメントに同意します。 – ketchupisred

0

これはWordPressサイトなので、ページ単位で単純に削除または編集できるh1タグはありません。これはPHPテンプレートに組み込まれています。あなたがそれを見つけたとしても、あなたのアプローチは理想的ではありません。テンプレートのハッキングは最後の手段であるべきであり、コアテンプレートファイルに影響を与えないオーバーライドを介してのみ行う必要があります。

管理パネルでオプションを探して、そのページのタイトルを表示または非表示にします。

.page-id-13 h1 { display: none; } 

です:

.some-page-class h1 {} 
+0

誰かが同じことを言って、それは働いた。とにかくおかげで:Dあなたたちは素晴らしいです –

関連する問題