Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
メインビジュアル上のフォントサイズにつ...
 
通知
すべてクリア

メインビジュアル上のフォントサイズについて

5 投稿
2 ユーザー
0 Likes
92 表示
reacqula
(@reacqula)
投稿: 4
メンバー
Topic starter
 

お世話になっております。SWELL初心者でございます。

トップページ メインビジュアル上のメッセージのフォントサイズを大きくしたいのですが、うまくいきません。

追加CSSには

/* メインビジュアル メインテキスト フォントサイズ */
.p-mainVisual__slideTitle {
   font-size: 28px;
}
/* メインビジュアル サブテキスト フォントサイズ */
.p-mainVisual__slideText {
font-size: 20px;
}

と調べて現在は入れてみてます。ですが、フォントサイズを変更しても変わらない状態です。

すいませんが質問よろしくお願いします。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.2.1
利用中のWordPressバージョン
6.1.1
利用中のプラグイン一覧

Blocks Animation: CSS Animations for Gutenberg Blocks
Contact Form 7
SEO SIMPLE PACK
WP Multibyte Patch
XML Sitemap & Google News

 
投稿済 : 22/01/2023 10:57 am
了
 
(@loos_ryo)
投稿: 989
メンバー Admin
 

セレクタの詳細度が足りてないのかなと思います!

SWELL開発者です。

 
投稿済 : 22/01/2023 11:08 am
reacqula
(@reacqula)
投稿: 4
メンバー
Topic starter
 

@loos_ryo 

返答ありがとうございます!セレクタの詳細度についてgoogle検索してみましたが、足りないというのがよくわかりませんでした。クラスセレクタやIDセレクタなど、セレクタに種類があることはわかりましたが、これをいくつか作る必要があるという解釈でよろしかったですか?

 
投稿済 : 23/01/2023 5:53 pm
了
 
(@loos_ryo)
投稿: 989
メンバー Admin
 

詳細度に関する参考URLを貼っておきますね。

https://developer.mozilla.org/ja/docs/Web/CSS/Specificity

SWELL開発者です。

 
投稿済 : 24/01/2023 11:51 pm
了
 
(@loos_ryo)
投稿: 989
メンバー Admin
 

テーマ側のCSSにはメディアクエリもあるため、クラス単体だと上書きできないのだと思います。

解決法の例ですが、以下のようにクラスを2重で指定するとその分詳細度が上がります。

.p-mainVisual__slideTitle.p-mainVisual__slideTitle{...}

SWELL開発者です。

 
投稿済 : 24/01/2023 11:54 pm
共有: