トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
検索結果: : 余白
| # | 投稿タイトル | 結果情報 | 日付 | ユーザー | フォーラム |
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | koitan | SWELLに関する質問 | |
| @96ssbike WAFをオフにしたところ、無事に出来ました。 お忙しいところ回答していただきありがとうございました！ | |||||
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | koitan | SWELLに関する質問 | |
| @suyasite 回答ありがとうございます！ すいません、とても分かりやすかったので、suya様のサイトを参考にさせていただきました。 リンク貼って頂きありがとうございます。確認し、実行してみたいと思います。 | |||||
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | koitan | SWELLに関する質問 | |
| @96ssbike 回答いただきありがとうございます！ 分かりました、SWELLERS'のページの、よくある質問の詳細を確認してみます。 お手数おかけしました。 | |||||
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | suya | SWELLに関する質問 | |
| たぶん私の書いた記事を参考にしていただいている気がしたので、WAFについて追記しておきました。 | |||||
| RE: 余白や行間の幅をCSSで一括に管理 | 4 関連性 | 3年前 | しらこ | SWELLに関する質問 | |
| ConoHaのユーザーさんと、ロリポップのユーザーさんにはあり得る事態です（ほぼ同じWAFが使われています）。 昨日、私が対応したこちらのユーザーさんと同様、 WAFが原因ではないでしょうか？SWELLERS'のページの、よくある質問にも詳細がありますので、よかったら見てみてくださいね。 いただいたCSSの中身自体は、私は一切中身を見ずに答えていますが（基本、CSSの内容については答えていないので）、確か、万一CSSの書き方が違う場合は、他の表示が出るか、もしくはすんなり保存自体が出るかどちらかだったと思います。色々工夫してみてください。 | |||||
| RE: 投稿画面（入力エリア）の余白が消えてしまった | 0 関連性 | 4週間前 | genepine | 不具合報告 | |
| こんばんは本来アイコンであるはずのトップツールバーのボタン類が、なぜ文字として表示されているのでしょうか。それは関係していませんか。 添付ファイル : Image_20241024_225942.png | |||||
| 投稿画面（入力エリア）の余白が消えてしまった | 0 関連性 | 4週間前 | atsuint | 不具合報告 | |
| 投稿画面（入力エリア）が左詰めになり書きづらい状態となっています。 戻し方についてご教示いただけますと幸いです。 添付ファイル : wp1024.png | |||||
| ブロックとブロックの隙間について | 0 関連性 | 2か月前 | maikon | SWELLに関する質問 | |
| こんにちは。SWELLで2つ目のブログを制作中です。 ホームに設定する固定ページにて、フルワイドブロックで「新着記事」と「人気記事」を設置作業中です。 「新着記事」と「人気記事」、それぞれに異なる背景色をつけ、境界線を「波」に設定したところ、編集画面では問題なく重なっていますが、プレビューしてみるとブロックとブロックの間に白い隙間が出来てしまっています。 上段の「新着記事」ブロックの「境界線の高さ」は上部と下部それぞれ3、下段の「人気記事」ブロックは上部0、下部3にしています。 ブロック下の余白量はそれぞれ0です。ブロックとブロックの間に余分なブロックが入っていないかどうかもチェックしました。 最初に作ったブログも同じデザインで制作しましたが、そちらにはブロック間の隙間はなく、波が綺麗に組み合わさっています。2つのブログ設定で違いがないかを見比べていますが、問題が見つかりません。 大変恐縮ですが、解決方法をお教えいただけると大変助かります。よろしくお願いいたします。 添付ファイル : 実際の画面.jpg | |||||
| SWELLのLPページのスマホ表示における左右余白の改善について | 0 関連性 | 2か月前 | Inmark1419 | SWELLに関する質問 | |
| お世話になっております。 初めてSWELLのLPでページを作成しましたが、スマホで閲覧した際に左右の余白が気になります。追加CSSを使って余白を消そうと試みたのですが、若干の余白が残っており、完全に改善することができませんでした。 以下が試したコードです。------------------@media screen and (max-width: 768px) {/* lp-content クラスの調整 */.lp-content {box-sizing: border-box !important;margin: 0 auto !important;padding: 0 !important;width: 100% !important;} /* wp-block-image クラスの調整 */.wp-block-image, .wp-block-image img {margin: 0 !important;padding: 0 !important;max-width: 100% !important;display: block !important;} /* body全体の余白削除 */body {margin: 0 !important;padding: 0 !important;width: 100vw !important;overflow-x: hidden !important;}}------------------このコードを使用しても、左右の余白が完全には解消されませんでした。もし、改善できるコードをご存じの方がいらっしゃいましたら、ご教示いただけると幸いです。 何卒よろしくお願い申し上げます。 | |||||
| RE: 記事上の余分な余白をなくしたい | 0 関連性 | 2か月前 | しらこ | SWELLに関する質問 | |
| 確かこの部分は設定画面に出てこないので、CSSで調整してください。 手前味噌ですが、私が書いた余白調整の記事が以下の記事ですが、 ここの部分には言及していないので、設定から出来ないと思います。 | |||||
| RE: 記事上の余分な余白をなくしたい | 0 関連性 | 2か月前 | masaya0721 | SWELLに関する質問 | |
| @96ssbike すみません、画像を添付し忘れていたようです。添付しました。 | |||||
| RE: 記事上の余分な余白をなくしたい | 0 関連性 | 2か月前 | しらこ | SWELLに関する質問 | |
| 添付画像がありません。 | |||||
| 記事上の余分な余白をなくしたい | 0 関連性 | 2か月前 | masaya0721 | SWELLに関する質問 | |
| 記事の1行目の上に大きな空白ができてしまっています。（添付画像の赤字矢印）ここの部分の空白をできるだけ埋めたいのですが、どうすればよろしいでしょうか？（ファーストビューは重要だと考えておりできるだけ無駄な空間はなくしたいと考えているからです） 最近swellを使い始めたばかりであり、初歩的な質問であったらすみません 添付ファイル : swell 空白.png | |||||
| RE: スマホサイズがおかしい | 0 関連性 | 3か月前 | サブロ | 不具合報告 | |
| 原因：elementorの影響でSWELLのCSSが無効になっている。 対策：elementorを使うならそのDOMに対して、iphoneでも文字が読めるように左右の余白のCSSを追加。 | |||||
| SP画面時のリッチカラムの横スクロールについて | 0 関連性 | 3か月前 | takareinhard | SWELLに関する質問 | |
| いつも有益にSwell利用させていただいております。 ありがとうございます。 ↑の動画のように、ブラウザでページを開くとカラムの下側に余白ができるようになっています。 しかし、横スクロールさせて半分ぐらいに来ると、カラムの下側の余白がなくなり、フィットします。 最初から半分ぐらい横スクロールさせた時のように、カラムの下側の余白がなくなり、フィットさせる方法をご確認させていただきたくおもいます。 よろしくお願いします。 | |||||
| ハイライト機能についての不具合 | 0 関連性 | 4か月前 | poni | 不具合報告 | |
| Wordpressにて記事を作成時のテキスト入力をする際にハイライト機能でテキストカラーを変更しようとするとテキストの下に余白がない時にカラーパレットが埋もれて操作できない状態となっています。 変更したいテキストの下に余白を作るとカラーパレットが表示されるのですが不具合でしょうか？ 追記:記事作成ページにあるSEO SIMPLE PACK設定を最小化するとハイライト機能の文字が埋もれずに表示されますがアップデート前ではSEO SIMPLE PACK設定を最小化しない状態でもハイライト機能が埋もれずにカラーパレットが表示されていました。 お手数お掛けしますがご確認のほどお願い致します 添付ファイル : Bug-image-4.png 添付ファイル : Bug-image-3.png 添付ファイル : Bug-image.png 添付ファイル : Bug-image-2.png | |||||
| フルワイドブロックに背景画像を敷いた際に境界線が波線表示になってしまう。 | 0 関連性 | 5か月前 | meguo | SWELLに関する質問 | |
| 添付ファイル : スクリーンショット 2024-06-30 19.37.56.png 固定ページにてトップページを製作中です。 一番上にフルワイドブロックを置いて画像を敷いていますが、上部が境界線波線の設定のようになってしまいます。 なお、メインビジュアル下の余白は０に設定しております。 上部をまっすぐに表示するにはどうしたらいいのでしょうか、ご教授お願いいたします。 | |||||
| ヘッダー、ロゴの左右の余白について困っています。 | 0 関連性 | 8か月前 | kanako0130 | SWELLに関する質問 | |
| ローカル環境で今製作中なのですが、 こんにちは、ヘッダーの左右の余白を詰めたいのですが、どうやるのかがわかりません。 添付ファイル : 名称未設定のデザイン-38.png 自分で、Googleなどで、調べてみたのですが、出てこず、困っています。 詰めることは可能なのでしょうか？ロゴがデカすぎるせいで余白ができているのでしょうか？ 何かいい案ありましたら、教えていただきたいです。 | |||||
| RE: 投稿ページアイキャッチ画像下の余白 | 0 関連性 | 8か月前 | His- | SWELLに関する質問 | |
| ウィジェット＞記事上部＞広告コード（おそらくアドセンス）がうまく反映されてないのだと思います。 | |||||
| 投稿ページアイキャッチ画像下の余白 | 0 関連性 | 8か月前 | bayashiko | SWELLに関する質問 | |
| アイキャッチ画像下に謎の余白ができ削除することができません。 アイキャッチ画像を非表示にしても謎の余白は消えませんでした。 プレビューページでは余白が表示されず、サイトで投稿ページを開くと余白がある状態です（全投稿） ご教授のほどよろしくお願いします。 | |||||
| RE: テーブルの枠内の余白を狭めたい | 0 関連性 | 8か月前 | so056018 | SWELLに関する質問 | |
| ありがとうございます。ご提示いただいた対応を勉強したいと思います！ | |||||
| 編集画面でh3以降のCSSデザインが表示されない | 0 関連性 | 10か月前 | iyuya0623 | SWELLに関する質問 | |
| CSSで以下のように見出しのデザインを編集しました。 記述している場所は、「外観」の「テーマファイルエディタ」の「SWELL CHILD: Stylesheet (style.css)」です。 /* h3 見出し */ .post_content h3 { padding: 0.6em 0.5em;/*文字の上下 左右の余白*/ color: #010101;/*文字色*/ background: #f4f4f4;/*背景色*/ border-left: solid 5px #1c3982;/*左線*/ border-bottom: solid 3px #d7d7d7;/*下線*/ } /* h4 見出し */ .post_content h4 { border-bottom: solid 3px #c6dff4; position: relative; } .post_content h4:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #1d4189; bottom: -3px; width: 30%; } /* h5 見出し */ .post_content h5 { padding: 0.25em 0.5em;/*上下 左右の余白*/ color: #494949;/*文字色*/ background: transparent;/*背景透明に*/ border-left: solid 5px #7db4e6;/*左線*/ } /* h6 見出し */ .post_content h6 { color: #505050;/*文字色*/ padding: 0.5em;/*文字周りの余白*/ display: inline-block;/*おまじない*/ line-height: 1.3;/*行高*/ background: #dbebf8;/*背景色*/ vertical-align: middle; border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/ } .post_content h6:before { content: '●'; color: white; margin-right: 8px; } /* ここまで */ ちなみに、swellではh3以降の見出しのデザインはオフにしています。 このようにカスタマイズしているときに、swellの編集画面で記事を書こうとすると、h3見出し以降が表示されません。 添付ファイル : スクリーンショット 2024-01-26 0.37.04.png ↑このような感じで編集画面では文字しか表示されません。 添付ファイル : スクリーンショット 2024-01-26 0.37.41.png ↑実際の投稿画面は、このような感じでしっかりとCSSが反映されています。 記事を編集しているときに、編集画面でもCSSが適用されないと、一目でどれが見出しなのか分かりにくく、効率的に記事を執筆できません。 編集画面でもCSSを反映させる方法を教えていただけたら幸いです。 ちなみに問題が確認できるページのURLには念の為テスト投稿のURLを追加しています。 パスワードは「swell」です。 | |||||
| 最近のコメント一覧をウィジェットに表示したい | 0 関連性 | 10か月前 | iyuya0623 | ご要望 | |
| 先日、cocoonからswellに移行しました。 その際、cocoonでは存在した「（c）最近のコメント」ウィジェットがswellにはありません。 様々なサイトを見て、function.phpやCSSを追記してウィジェットを追加する方法などを試しましたが、うまく表示されません。 デフォルトのコメント一覧ウィジェをCSSでカスタマイズしようとしたのですが、反映されませんでした。 記述したCSSは以下のとおりです。 /* 最近のコメントウィジェットのスタイル */ .widget_recent_comments { padding: 20px; /* ウィジェットの内側の余白 */ } /* コメントボックスのスタイル */ .widget_recent_comments li { margin-bottom: 15px; /* コメントの間隔 */ list-style: none; /* 箇条書きのマーカーを非表示 */ background-color: #fff; /* コメントボックスの背景色 */ border: 1px solid #ddd; /* コメントボックスのボーダー */ padding: 15px; /* コメントボックスの内側の余白 */ border-radius: 8px; /* コメントボックスの角を丸くする */ } /* アバターのスタイル */ .widget_recent_comments li img.avatar { border-radius: 50%; /* アバターを丸くする */ float: left; /* アバターを左に寄せる */ margin-right: 10px; /* アバターとテキストの間隔 */ } /* コメント者の名前のスタイル */ .widget_recent_comments li a { font-weight: bold; /* コメント者の名前の太さ */ color: #333; /* コメント者の名前の色 */ text-decoration: none; /* 下線を非表示 */ } .widget_recent_comments li a:hover { color: #0073e5; /* コメント者の名前のホバー時の色 */ } /* コメント内容のスタイル */ .widget_recent_comments li .comment-content { color: #555; /* コメントの本文の色 */ margin-top: 5px; /* コメント者の名前とコメント内容の間隔 */ } /* コメントのリンクのスタイル */ .widget_recent_comments li .comment-link { display: block; /* リンクをブロック要素にする */ color: #0073e5; /* リンクの色 */ margin-top: 5px; /* コメント内容とリンクの間隔 */ text-decoration: none; /* 下線を非表示 */ } もし以上のCSSが間違えているのであれば、正しいものを教えてください。 swellでも以下のようなコメント一覧を表示させたいです。 添付ファイル : Better-WordPress-Recent-Comments.png | |||||
| RE: テーブルの枠内の余白を狭めたい | 0 関連性 | 11か月前 | かんた | SWELLに関する質問 | |
| コアのテーブルブロックにセル内の余白を調整する機能はありません。 CSSで調整するか、テーブル系のプラグインを試してみてはいかがですか。 参考：WordPressプラグインディレクトリ | |||||
| RE: （追記）テーブルの枠内の余白を狭めたい | 0 関連性 | 11か月前 | so056018 | SWELLに関する質問 | |
| 追記失礼します。 このサイト様くらいのコンパクトさになるのが理想なのですが。。。 起業・スタートアップにおすすめのバーチャルオフィス比較ランキング8選│Your Best Navi (yourbest-navi.com) | |||||
| テーブルの枠内の余白を狭めたい | 0 関連性 | 11か月前 | so056018 | SWELLに関する質問 | |
| こんにちは、お世話になります。テーブル機能で表を作っているのですが、枠内の要素の両脇がかなり広々しているのが気になっています。（赤部分）一見した際の視認性を上げたいのでその部分の余白を狭めたいのですが、なんとか調整することは可能でしょうか？（文字サイズを小さくしたら枠自体がもう少しコンパクトになるかなと思ったらなぜか逆にもっと広々してしまいました…） 設定は横スクロールのみonにした状態でその他はデフォルトです。 swell上でむずかしいのであれば、調整できるプラグインなど教えていただけるととても助かります。 よろしくお願いいたします。 添付ファイル : スクリーンショット 2024-01-07 161303.jpg | |||||
| RE: 「コンテンツ上の余白をなくす」機能が欲しいです | 0 関連性 | 11か月前 | skillsharejp | ご要望 | |
| 上部のpaddingを消したいページまたはカスタムCSSに書きを追加してください。 .l-content { padding-top: 0; } またpaddingを削除する場合カスタマイザ設定でパンくずリスト表示をページ下部にした方がバランス良いと思います。 | |||||
| 「コンテンツ上の余白をなくす」機能が欲しいです | 0 関連性 | 11か月前 | zaw | ご要望 | |
| おせわになっております。「swell設定」に「コンテンツ上の余白をなくす」機能が欲しいです。固定ページに特定のページで「フルワイドブロック」を使って背景を付けたりする場合に、あったら便利とおもい要望を致します。ご検討をお願いします。 | |||||
| RE: ウイジェット－共通サイドバーの余白を調整したい | 0 関連性 | 11か月前 | Powan | SWELLに関する質問 | |
| @swell_mania（かんた） さん、アドバイスいただきまして、ありがとうございます。 その方法、まったく思いつきませんでした。すごく参考になりました。 教えていただいた方法で試してみたいと思います。 ありがとうございました。 | |||||
| RE: ウイジェット－共通サイドバーの余白を調整したい | 0 関連性 | 11か月前 | かんた | SWELLに関する質問 | |
| バナー画像ごとにウィジェットを分けているようですが、１つにまとめてみたら良いのではと思いました。 1つのブログパーツ内に、全バナー画像を入れて作るイメージです。画像の下部の余白は「ブロック下の余白量」で調整できます。 添付ファイル : padding_bottom.gif | |||||