トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
お世話になっております。SWELL初心者でございます。
トップページ メインビジュアル上のメッセージのフォントサイズを大きくしたいのですが、うまくいきません。
追加CSSには
/* メインビジュアル メインテキスト フォントサイズ */
.p-mainVisual__slideTitle {
font-size: 28px;
}
/* メインビジュアル サブテキスト フォントサイズ */
.p-mainVisual__slideText {
font-size: 20px;
}
と調べて現在は入れてみてます。ですが、フォントサイズを変更しても変わらない状態です。
すいませんが質問よろしくお願いします。
確認項目
問題が確認できるページの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
セレクタの詳細度が足りてないのかなと思います！
SWELL開発者です。
投稿済 : 22/01/2023 11:08 am
Topic starter
返答ありがとうございます！セレクタの詳細度についてgoogle検索してみましたが、足りないというのがよくわかりませんでした。クラスセレクタやIDセレクタなど、セレクタに種類があることはわかりましたが、これをいくつか作る必要があるという解釈でよろしかったですか？
投稿済 : 23/01/2023 5:53 pm
投稿済 : 24/01/2023 11:51 pm
テーマ側のCSSにはメディアクエリもあるため、クラス単体だと上書きできないのだと思います。
解決法の例ですが、以下のようにクラスを２重で指定するとその分詳細度が上がります。
.p-mainVisual__slideTitle.p-mainVisual__slideTitle{...}
SWELL開発者です。
投稿済 : 24/01/2023 11:54 pm