見出しの横に縦線が入ってしまう・グローバルナビが２行になってしまう件について

PR 2018/8/12

このトピックには5件の返信、2人の参加者があり、最後にプリにより8年、 1ヶ月前に更新されました。

5件の返信スレッドを表示中

投稿者

投稿
- 2018年8月8日 6:49 PM #60618
  
  プリ
  ゲスト
  
  お疲れ様です(*’ω’*)
  
  質問なのですが、少し前から見出しｈ２の左横に黒い縦線が入るようになってしまいました。
  
  デザインを変えても、線が消えることはないのですが、
  これはどのようにしたら消すことが出来ますでしょうか？m(__)m
  
  また、グローバルナビの文字列がセル内で中途半端に
  縦２列になってしまい見づらくなってしまいました。
  これは、文字が多すぎるからでしょうか？
  
  さらに、グローバルナビの横幅が狭い？せいか、
  ２行目の変な場所（端と端に一つずつ）に、２つの項目が来てしまっています。
  【サイトマップとフィリピン留学】
  
  いろいろいじってみたのですが、直すことができませんでした。
  
  これらを見やすく直す方法を知っていましたら教えていただけたら幸いです。
  よろしくお願い致します。m(__)m
  ▼
  https://freeasbluebirds.com/
- 2018年8月8日 11:27 PM #60622
  わいひら
  キーマスター
  質問なのですが、少し前から見出しｈ２の左横に黒い縦線が入るようになってしまいました。
  
  H2見出しの左側に黒い罫線があるのはデフォルトです。当サイトでもそのようになっています。
  
  それを消すには、罫線を打ち消すスタイルを書く必要があります。
  
  子テーマのstyle.cssに以下のように書くと消えるかと思います。
```
.article h2 {
    border: 0;
}
```
  とりあえず、1つずつ解決していこうかと。
- 2018年8月8日 11:30 PM #60623
  わいひら
  キーマスター
  グローバルナビにそういった長いメニュー名を入れるのであれば、以下のようにした方が良いかと思います。
  こちらも子テーマのstyle.cssに。
```
#navi ul li {
    width: auto;
}
```
- 2018年8月11日 3:12 PM #60629
  
  プリ
  ゲスト
  
  わいひらさん
  
  ご連絡ありがとうございます！
  返信が遅くなってしまい、すみませんm(__)m
  
  見出し左の線、無事に消えました。
  ありがとうございます！
  
  グローバルナビですが、CSSに張り付けたのですが
  以前と変わらず、横・縦列が乱れております・・・
  文字を減らすか、コンテンツを減らすしかないでしょうか？
  
  お手数おかけしますが、教えていただけると助かりますm(__)m
- 2018年8月11日 6:36 PM #60634
  Akira
  ゲスト
  グローバルナビですが、CSSに張り付けたのですが
  以前と変わらず、横・縦列が乱れております・・・
  
  wp-custom-css というスタイルシートに、下記の CSS があるのが原因です。
```
#navi ul li {
  width: 180px;
}
```
  どこかしらに、この CSS を指定されてはいないでしょうか。
  
  削除すると、わいひらさんの CSS が反映されます。
  
  このスタイルシートが読み込んでいる CSS の全ては、下のリンクから確認できます。
  
  https://freeasbluebirds.com/?custom-css=fbc28ef730
- 2018年8月11日 9:25 PM #60638
  
  プリ
  ゲスト
  
  Akiraさん　ご連絡ありがとうございます！
  
  確認し、削除したところ無事に反映されました！
  
  いつも本当にありがとうございますm(__)m
  
  非常にスッキリいたしましたm(__)m
投稿者

投稿