WordPressテーマSANGOの質問

「トップへ戻るボタン」のサイズについて

アバター
ゆっぺ

お世話になっております。
いつもSANGO愛用させて頂いてます。

複数ご質問があり、ご回答いただきたく思います。
1 . トップへ戻るボタンのサイズ変更について
「トップへ戻るボタン」のサイズを大きくするコードを教えていただきたいです。

2 . ヘッダー下お知らせについて
「ヘッダー下お知らせ」をフロントページのみ非表示にしたいのですが、どうしたらいいでしょうか。

3 . アイキャッチ画像について
記事ページのアイキャッチ画像の両端に、若干の余白ができてしまいます。(記事ページをご覧になるとわかります)
余白をなくして両端めいいっぱい画像を表示するには、どうしたらいいでしょうか。

以上3点の質問について、ご回答いただけますと幸いです。

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

カスタマイザーでデザイン設定
カスタマイザーでデザインや細かな設定をしよう
コメントへの回答
サルワカくん
サルワカくん
2020/10/27

1. 「トップへ戻るボタン」のサイズを大きくするコード

これはどこに表示されているボタンのことでしょうか。

2. 「ヘッダー下お知らせ」をフロントページのみ非表示にしたい

以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS] もしくは子テーマのstyle.cssに貼り付けることで、可能です。

.header-info {
  display: none; /* 一旦全ページで非表示時に */
}
.home .header-info {
  display: block; /* トップページでのみ表示 */
}

記事ページのアイキャッチ画像の両端に、若干の余白ができてしまいます

ご自身で(?)追加されている下記のCSSが原因のようです。

.post, .sidebar .widget {
    border: solid 1px rgba(0,0,0,.08);
}

SANGOにはこのようなCSSは指定されていません。

よろしくお願いします。

アバター
ゆっぺ
2020/10/27

ご返答いただき、ありがとうございます!

1.「トップへ戻るボタン」のサイズを大きくするコード
→SANGOの標準機能である、右下に上向きの矢印で表記されているボタンのことです。

2.「ヘッダー下お知らせ」をフロントページのみ非表示にしたい
→コードのご提示、ありがとうございます。しかし、「フロントページのみ非表示(フロントページ以外に表示したい)」ので、そのような方法はありますでしょうか。(紛らわしい質問で申し訳ありません…)

3.記事ページのアイキャッチ画像の両端に余白ができてしまう
→ご提示して頂いたコードをサイト内で検索したのですが、そのような配列のコードは見つかりませんでした…

お忙しいところ恐れ入りますが、ご返答いただければ幸いです。

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

サルワカくん
サルワカくん
2020/10/29

なるほど
1. 以下のCSSで変更可能です。

.totop i {
    font-size: 35px;
}

2. その場合は以下だけでOKです。

.home .header-info {
  display: none;
}

3. それでは以下のCSSを追加してみていただけますか?

@media only screen and (max-width: 768px) {
  .post {
    border: none!important;
  }
}/* end max-width 768px */

よろしくお願いします。

※ 2020/10/29 10:50に3のコードを一部修正しました。

アバター
ゆっぺ
2020/10/30

ご回答いただき、ありがとうございます。

指定されたCSSを追記したところ、無事改善されました!
ありがとうございました!