トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
検索結果: : 余白
固定ページ 1 / 4
次へ
| # | 投稿タイトル | 結果情報 | 日付 | ユーザー | フォーラム |
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 8 関連性 | 3年前 | しらこ | SWELLに関する質問 | |
| いいえ、トリミングされておらず、余白たくさん付いてますよ。 | |||||
| 余白や行間の幅をCSSで一括に管理 | 8 関連性 | 3年前 | koitan | SWELLに関する質問 | |
| 下記のコードをCSSに追加することで、行間と、余白についてを一括で幅を決められるとwebで知り、実行しましたが、カスタムから追加のCSSに入力すると、「うまくいかなかったようです。時間をおいてください等」のメッセージが出ます。時間をおいても改善されないため、お手数ですが知恵をお借りできれば嬉しいです。宜しくお願いします。 /* Line height */ .post_content { line-height: 2; } /* Block margin */ .post_content > * { margin-bottom: 3em; } /* Inline img middle */ .post_content p > img { vertical-align: middle; } | |||||
| RE: 「カスタムHTML」ブロック下の余白を調整したい | 5 関連性 | 1年前 | blanche | SWELLに関する質問 | |
| @skillsharejp ご教示頂きありがとうございます！ 完全に希望通りにはまだできていないのですが、余白詰めることができました。 | |||||
| RE: 行間の空白をなくしたい | 5 関連性 | 1年前 | yumiko | SWELLに関する質問 | |
| 了さま ご確認頂きありがとうございます。・ブロック下の余白量で、余白は縮めることができました。確認不足で失礼致しました。 ・ビジュアルエディターでh1を選択せず、 ブロック → 「段落」を選択 → 文字を入力して太字にし、フォントサイズを大きく変更しただけ なのですが、h1になってしまっています。 h1を１つにしたいのですが、ビジュアルエディターでh2を選択すると カラーバーが自動表示されます。（添付ファイル03） 添付ファイル : 03 タイトルの状態.png h1にせず、シンプルで大文字のタイトルを表示する方法を教えて頂けませんか。 | |||||
| RE: 横並びカラムが縦に表示されるようになってしまいました | 5 関連性 | 1年前 | komadaira | 不具合報告 | |
| 横並びブロックで「ブロック下の余白量」をデフォルトから変更すると、横並びが適用されなくなるようです。 余白量を1emにした方（右図）ではis-layout-flexのクラスが消えています。 添付ファイル : スクリーンショット 2023-06-28 17.36.25.png （WordPress: 6.2.2 / SWELL: 2.7.6.2） | |||||
| ブログ記事一覧のサムネイル画像下部に余白が出るので、無くしたい | 5 関連性 | 2年前 | konomi1118 | SWELLに関する質問 | |
| 初めて質問させていただきます。 ブログ一覧でカード型、サムネイルの大きさは一眼で設定しております。 サムネイル用でアップロードしている画像は1200*1067です。 一覧（４件表示）からmoreリンクを設定しているのですが、 そのmoreボタンから先に飛んだ一覧のサムネイル画像の下部に白い余白が空いてしまっております。（添付２） ①ブログ一覧のサムネイル 添付ファイル : スクリーンショット 2022-12-04 5.46.12.png ②moreボタンリンク先のサムネイル 添付ファイル : スクリーンショット 2022-12-04 5.46.35.png 余白を無くしたいのですが、これはどこかの設定で解消できるのでしょうか？ よろしくお願いいたします。 | |||||
| 固定ページのタイトルとアイキャッチ画像間の余白がゼロになっている | 5 関連性 | 2年前 | esora | 不具合報告 | |
| 固定ページのアイキャッチ画像を本文の始めに表示させると、タイトル下の余白がないため、タイトルと接触して表示されてしまいます。タイトルとアイキャッチ画像が接触しないよう、余白を設けることは可能でしょうか？ ※なお、投稿ページのほうは問題なく表示されます。 | |||||
| RE: メインビジュアル下の余白について | 5 関連性 | 2年前 | skillsharejp | SWELLに関する質問 | |
| 余白の検索結果に類似質問があったと思います。 余白がダメならスペース等のキーワードを検索してみてください。 | |||||
| カラムの横並びの隙間が消滅 | 5 関連性 | 2年前 | rue | 不具合報告 | |
| お世話になります。 こちらの方( の質問も拝見しましたが改善策がわかりません。 カラムを３つにして横並びにし、そのうち２つに画像を埋め込んで利用しています。 アップデート後、特定のページ、特定の箇所でカラムの隙間が消滅し、画像がくっついていることに気づきました。 また、ただいま以前のように制作しても、画像同士の余白がなくなってしまいます。 余白があることを前提としてレイアウトを組んでいるので、過去のページをすべて手動で修正するには負担になるため、どうにか次のアップデートなどで改善をいただくか、今何かできることはないかご教示いただければと思います。 よろしくお願いします。 | |||||
| トップ画面の不自然なスペースと白い四角を削除したい | 5 関連性 | 2年前 | northhakusan | SWELLに関する質問 | |
| Swellのトップ画面の件です。 トップ画面を見て頂くとわかりますが、PC画面およびスマホ画面で、ブログ記事（現在２つ）と、フッターの間の間に白い四角が表示されて、不自然に白いスペースができています。 これは標準でこうなっているのでしょうか？それとも何か設定しているからこうなっているのでしょうか？ やりたいことは、この白い四角をとって、余白を自然の状態にしたいです。 何をすればいいか分かる方がいらっしゃればご教示願います。 どうぞ宜しくお願い致します。 | |||||
| RE: カラムブロック（2カラム）を使用した際、スマホ閲覧時の並び順を上下反対にしたい。 | 5 関連性 | 3年前 | ruru3 | SWELLに関する質問 | |
| 了様 迅速なご回答、誠にありがとうございます。仰るように「メディアとテキスト」ブロックの方で試したところ、理想通りの配置となりました。 余白等の問題が少々ありますが、当面この方法を活用させていただきます。 解決済みのボタンを押そうと思ったのですが、この返信をする時には既に解決済みとなっていた様です。 押したつもりは無いのですが、どこかで押してしまったのでしょうか？ ありがとうございます。 | |||||
| ロゴ画像の余白はゼロにできますでしょうか？ | 5 関連性 | 3年前 | kazunoko-anko | SWELLに関する質問 | |
| お世話になっております。ロゴ画像の上下にある余白をゼロにする場合、どのように設定すると宜しいでしょうか？ フォーラムを検索し、下記のトピックが近いと感じました。 ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） ロゴの上下にpaddingが16pxずつ入っていると拝見したため、追加CSSに次の記述を追加し、paddingをゼロにしましたが、表示は変わりませんでした。デベロッパーツールで確認すると、対象の部分に取り消し線が入っているため、有効に機能していないようです。（添付画像） @media (min-width: 960px)#body-wrap .-parallel-bottom .l-header__logo { order: 1!important; padding: 0!important;} 添付ファイル : ロゴ画像.PNG なお上記以外に追加CSSはありません。またSWELLのキャッシュクリアやWAF解除は試しました。 ご多用のところ恐れ入りますが、お知恵をお借りできましたら幸いです。どうぞ宜しくお願い致します。 | |||||
| 固定ページでタイトル非表示にした際 | 5 関連性 | 3年前 | vos | SWELLに関する質問 | |
| タイトル非表示時にコンテンツとパンくずリストの間を非表示にしたいです。 SWELLの以前のコミュニティにて、了様の回答にこのようなコードがありました。 すみません、こちらすでに解決されているようですが、一応僕からもコード張っておきます。 その固定ページのカスタムCSSの部分に以下のように入力していただければOKです！ .c-pageTitle{display:none}.post_content,.l-container{margin-top:0} （1行目はタイトルを非表示にするためのコードですので、求めているCSSは2行目だけかとは思います...！） 最近までこの方法で問題なく余白が埋まっていましたが、最新のバージョンでは同じコードを利用しても、余白が埋まらなくなってしまいました。ぜひ、ご教授お願いします。 | |||||
| タイトル部分の余白を無くしたい | 5 関連性 | 3年前 | Junichi Komori | SWELLに関する質問 | |
| 初心者で申し訳ありません。 投稿ﾍﾟｰｼﾞ・固定ﾍﾟｰｼﾞ・LP共にタイトル部分を削除して、余白を無くしてアイキャッチまたはブロック(フルワイド)を表示させたいです。検索してCSSの入力を行っても反映されず、途方に暮れております。ご教授のほどよろしくお願いします。 | |||||
| RE: 「メディアとテキスト」の「ブロークングリッド」、PC上での右側の余白 | 5 関連性 | 3年前 | かんた | SWELLに関する質問 | |
| 解決してよかったです。 グループにして背景色を設定すると余白が付く機能は、メディアとテキストブロック以外でも使えます。余白の設定オプションのないブロックで余白を付けたい場合に活用してみてください。 | |||||
| 「メディアとテキスト」の「ブロークングリッド」、PC上での右側の余白 | 5 関連性 | 3年前 | zaw | SWELLに関する質問 | |
| 固定ページにて、「メディアとテキスト」を「ブロークンテキスト」「全幅」で配置しました。「段落」内の文字がPC表示だと余白がありません。余白の設定は、CSSで調整するしかないのでしょうか？背景色も同様にCSSでしょうか？ お手数ですがご存知の方がいらっしゃれば返答をお願い致します。 添付ファイル : スクリーンショット 2021-12-15 19.03.26.png 添付ファイル : スクリーンショット 2021-12-15 19.02.43.png | |||||
| RE: サイトのスクロールが無限にできてしまい、余白が広がってしまう事象について | 4 関連性 | 2年前 | eiki.s | 不具合報告 | |
| @loos_ryo 様 早速ご確認くださりありがとうございました。状況や原因が不明である旨について承知いたしました。 もう少し、いろいろと試行錯誤してみて、解決を試みたいと思います。また、何かあれば質問させてください。 今後とも何卒よろしくお願い致します。 | |||||
| RE: サイトのスクロールが無限にできてしまい、余白が広がってしまう事象について | 4 関連性 | 2年前 | 了 | 不具合報告 | |
| たしかに、スクロールできてしましますね。ただ、SWELL公式サイトなど、私の運営サイトではこうはならないのでSWELLの不具合なのかは現時点ではわかりません。 Chromeを使っていると、このように上下にスクロールできてしまうバグみたいなのが起きることは私もよく経験していますが、そのときはタブを閉じて別タブで開き直すといつも治ります。 どちらかというとブラウザ側のバグかとは思います。 ただ@eiki-sさんのサイトでは常にスクロールできてしまうバグが起きているようので、何かしらの特定の条件（CSSのプロパティかなにか）がChromeで不具合を起こす要因にはなっていそうです。それが特定できれば対処も可能なのですが、調べてみてもちょっと分からなかったです... 😥 | |||||
| サイトのスクロールが無限にできてしまい、余白が広がってしまう事象について | 4 関連性 | 2年前 | eiki.s | 不具合報告 | |
| SWELL 開発者様 お世話になります。 SWELLで構築しているサイトで下記のようなことが起こるため、確認いただきたくご連絡いたしました。 -----不具合------ ページをスクロールするとフッターでスクロールが止まらないで、フッターより下へスクロールが続き、白い余白がずっと続いてしまいます。 その後、ページトップへスクロールすると、ヘッダーより上へのスクロールが止まらず余白が続くという現象が起きてしまい、困っています。 (添付動画にて詳細確認いただけますと幸いです) 添付ファイル : スクロールが続き余白が広がる.mov こちらはMacでChromeで確認すると起こります。 WindowsでChromeで確認すると、このような現象は起きていません。 プラグインは全て停止しましたが、同じ現象が起こります。 シークレットモードで確認しても、同じ現象が起こります。 なお、SWELL以外のテーマではこのような問題は起きていないため、SWELLでのみ発生する事象なのではないかと考えております。 -------------- 上記のようなことが起こるため、解決方法や原因などがありましたら、ご教授いただけますと幸いです。 何卒よろしくお願いいたします。 | |||||
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | しらこ | SWELLに関する質問 | |
| 設定を変更したりアップデートなどで、もしもデザインがおかしい場合は、SWELL設定＞キャッシュクリア（コンテンツ）もお試しいただければと思います。 ひとまず、解決して良かったです。 | |||||
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | BUSH | SWELLに関する質問 | |
| ご回答いただきありがとうございます！ 恐らく、MacOSのChromeを使っているのですが…ブラウザのせいで表示が変だった可能性もあります。 検索をかけてSafariで表示すると、全くヘッダーの表示は問題ありませんでした…(非常に謎ですが…相性の問題ということで…) 記載いただいたトラブルシューティングも試させていただきました。 親身にご対応いただきありがとうございました。重ねて感謝申し上げます。 | |||||
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | しらこ | SWELLに関する質問 | |
| @bush それは、外観 > カスタマイズ > ヘッダー > ロゴ画像サイズ（PC）をデフォルトの40に戻せば縮まります。そこは設定を自分で変えないとそうなりません。 今回の要因は、ロゴ自体がトリミングされてない、設定のロゴ画像サイズ（PC）この2点になるかなと思います。 ちなみに、さらにロゴの上下にpaddingが16pxずつ入っていますが、これはCSSを調整しないと確か消せないと思います（これは仕様ということで）。CSSはサポート範囲外です。 | |||||
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | BUSH | SWELLに関する質問 | |
| @96ssbike えっ！？そうですかね…確認しましたけど、元の画像には余白はほとんどありませんでした…。試しにロゴ画像を消しましたがやはり余白は埋まりません…。 | |||||
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | BUSH | SWELLに関する質問 | |
| @swell_mania ご回答ありがとうございます。こちらのロゴ画像については、トリミングし余白についてはほとんど無い物を使用しています。 | |||||
| RE: ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | かんた | SWELLに関する質問 | |
| 最初のステップとして、ロゴ画像に含まれる余白部分をトリミングしましょう。 | |||||
| ヘッダーのデザインが何故かデフォルトと大きく異なる（余白など） | 4 関連性 | 3年前 | BUSH | SWELLに関する質問 | |
| 【困っている内容】 何故か私のウェブサイトのヘッダーの余白が異様に大きく、Swellのデフォルトのデザインと多きくかけ離れています。 これはCSSで設定するしか無いのでしょうか、 そもそもデフォルトのデザイン通り上部に詰めてロゴやメニューが表示されればそれでいいのですが.... 皆様の知恵を貸していただけますと幸いです。 【状況】 ・テーマをcocoonから乗り換えています。当時のヘッダーは割と太めではありました。 ・一旦テーマを戻したりしましたが改善されません。 | |||||
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | suya | SWELLに関する質問 | |
| @koitan いえー、わかりやすいと言っていただけてよかったです。 参考になりましたら幸いです。 | |||||
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | koitan | SWELLに関する質問 | |
| @suyasite WAFをオフにしたところ、無事に出来ました。 suya様の記事のおかげで、記事の作成スピードが上がりました！ありがとうございます。 | |||||
固定ページ 1 / 4
次へ