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

フォーラム

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

[解決済] キャプションボックスの枠上スタイルを使用すると枠が文字の上に重なる報告

11 投稿
2 ユーザー
2 Likes
1,423 表示
a24
 a24
(@a24)
投稿: 20
メンバー
Topic starter
 

キャプションボックスで、スタイルを枠上にするとPC上でもスマホ上でも枠線が文字に重なってしまいます。

 

スマホの画像↓

88B85FA9 C9BF 4A93 9742 4C3DA6003D53

 

PCの画像↓

 

スクリーンショット 2023 05 03 145201

 

よろしくお願いします。

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

Advanced Editor Tools

Akismet Anti-Spam: Spam Protection

All in One SEO

All-in-One WP Migration

Conditional Menus

Easy Google Fonts

Heatmap UserHeat

Hello Dolly

myStickymenu

SimpleTOC - 目次ブロック

Smash Balloon Instagram Feed

TypeSquare Webfonts for エックスサーバー

WordPress Popular Posts

WP Fastest Cache

YellowPencil

Yoast Duplicate Post

シンプル目次 (F70 Simple Table of Contents)

 
投稿済 : 03/05/2023 3:18 pm
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

ページが開けないので詳細が分かりませんが、最新バージョンのSWELL(2.7.5.1)のみを有効化しているプレーンな環境で試した限り、問題の事象は再現しませんでした。少し前のバージョンで、var(--color_content_bg)が未定義になるケースがあったと記憶しています。最新バージョンでは改善されているはずなのでまずはキャッシュをクリア。改善しない場合はカスタマイザーで「サイト全体設定」→「基本カラー」と進み、「背景色」を適当な色を選択してみてはどうでしょうか?

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 04/05/2023 8:17 am
a24
 a24
(@a24)
投稿: 20
メンバー
Topic starter
 

教えていただきありがとうございます。

バージョンは最新の2.7.5.1で、キャッシュをクリアして、背景色を変えてみたのですが変わりませんでした。

 
投稿済 : 05/05/2023 8:04 pm
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

該当サイトに1つも記事が公開されてないので、不具合を指摘している場所に適用されているCSSが確認できません。

適当なページを公開すると他のユーザーからも回答が付きやすくなると思います。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 07/05/2023 4:34 pm
a24
 a24
(@a24)
投稿: 20
メンバー
Topic starter
 

すいません。こちらになります。

https://onayamikaizen.hairprego.com/lp/hair-prego%e5%b9%b3%e9%87%8e%e5%ba%97/

 

 

よろしくお願いします。

 
投稿済 : 09/05/2023 12:00 pm
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

「SWELL設定」→「高速化」の「動的なCSSをキャッシュする」のチェックを外して、再読み込みすると改善しませんか?

 

clear cashe

 

読み込み後は、オプションを有効化しても構いません。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 09/05/2023 12:13 pm
a24
 a24
(@a24)
投稿: 20
メンバー
Topic starter
 

ありがとうございます。

そちらを行っのち、キャッシュを削除してから確認したのですが改善されませんでした。

 
投稿済 : 09/05/2023 12:33 pm
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

--color_content_bgが定義されていない状態になっていますね。
ワークアランドとしてCSSを追加するのが手っ取り早い解決かなと思いました。

 

.single-lp .is-style-onborder_ttl>.cap_box_content, .single-lp .is-style-onborder_ttl>.cap_box_ttl {
    background-color: white !important;
}

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 10/05/2023 6:32 pm
a24
 a24
(@a24)
投稿: 20
メンバー
Topic starter
 

ありがとうございます。

どこに追加していいのかがわかりませんでしたが、外観>カスタマイズ>追加CSSの最後に追記してみたら直っていました。

やり方としてはこれであっていたでしょうか?

 

 
投稿済 : 10/05/2023 7:30 pm
かんた reacted
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

合ってま~す😃

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 10/05/2023 7:41 pm
a24
 a24
(@a24)
投稿: 20
メンバー
Topic starter
 

ご丁寧に教えていただきありがとうございました。

 
投稿済 : 10/05/2023 7:43 pm
かんた reacted
共有: