Lightningで線を消去、非表示にしたいが消えない。

Question

実現したいこと

Lightningで線を消去、非表示にしたいが消えない。

発生している問題・分からないこと

PHPもCSSも初めてで、一から勉強しながらワードプレスのLightningでウエブサイトを作ってる超超初心者です。

一応子テーマも作り、追加 CSSにてカスタマイズしています。

画像にある線を消したいと思っております。同じ質問をされていた方への回答を参考にしたのですが、線が消えません。

https://teratail.com/questions/327277

他の追加CSSが作用して消えないのでしょうか。分かる方がいたら教えて貰えますと幸いです。よろしくお願いいたします。

該当のソースコード

.box {
  width: 1000px; 
  height: 200px; 
  border: 1px solid #000;
  overflow-y: scroll;
}

#apple  {margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}

.page-header {
    background-color: #d5505a;
}

h1 {
    text-align: left;
}


footer .cop.footer {ySection p:nth-child(2) {
    display:none ;
}

	
	.siteHeader {
	box-shadow: none;
}
.breadSection {
	border-bottom: none;
}
.siteFooter {
	border-top: none;
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

https://teratail.com/questions/327277に書かれているCSSを記入したが変わらない。

補足

特になし

Answer 1

HTMLがどうなっているかにもよりますが、CSSの文法エラーが出ているようなので
https://jigsaw.w3.org/css-validator/validator.html.ja#validate_by_input
そちらを見直してみるところから確認してみてください。

ここだけだと、なにに対して何を指定したいのか分からない感じになっていますね。

Comments

[GODA]

ありがとうございます。

エラーになっている原因のCSSを削除し、再度下記URL記載のCSSを追加しましたが、トップページ以外の固定ページの青線は消えていない状況でした。

https://teratail.com/questions/327277

書き方に問題があるのでしょうか、そもそものCSSでは当方の望む効果が得られないのでしょうか？お手数をおかけしますが、ご教示頂けますと幸甚です。

よろしくお願いいたします。

.box {
width: 1000px;
height: 200px;
border: 1px solid #000;
overflow-y: scroll;
}

#apple {margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);

}

.page-header {
background-color: #d5505a;
}

h1 {
text-align: left;
}

.siteHeader {
box-shadow: none;
}
.breadSection {
border-bottom: none;
}
.siteFooter {
border-top: none;
}

[m.ts10806]

文法そのものに問題がないとなると
CSSがちゃんと読み込まれているか、指定のセレクタ（クラス名や要素名）は指定したい項目に正しく指定されているか　が焦点になります。
ブラウザのデベロッパーツール（開発者ツール）で対象の項目に想定のクラスや機能があたっているか確認してみてください。

[m.ts10806]

コードはコメントだと見た目が実際のコードのままにならないので、
質問本文にマークダウンのcodeで追記してもらえると助かります。

[GODA]

ありがとうございます。

分からない単語が多くて申し訳ないのですが、またやってみます。