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

フォーラム

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

[解決済] コンテンツの余白を増やしたい

5 投稿
3 ユーザー
2 Likes
994 表示
wanaka
(@seetabi)
投稿: 2
メンバー
Topic starter
 

記事の左右余白を広げ、幅広にしている写真はそのままコンテンツ幅いっぱいに表示させたいです。いろいろ試しましたが、幅広の写真にも余白がついてしまいます。何か方法があればご教授お願いします。

FireShot Capture 408
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.7
利用中のWordPressバージョン
5.8.3
利用中のプラグイン一覧

BackWPup (v.3.10.0)
BBQ Firewall (v.20210719)
Custom Block Patterns (v.1.2.1)
FileBird Lite (v.4.9.8)
Google XML Sitemaps (v.4.1.1)
No Category Base (WPML) (v.1.3)
PB SEO Friendly Images (v.4.0.4)
PS Auto Sitemap (v.1.1.9)
Rinker (v.1.9.3)
Search Regex (v.2.4.1)
SEO SIMPLE PACK (v.2.2.8)
Smash Balloon Instagram Feed (v.2.9.10)
Throws SPAM Away (v.3.2.5.1)
WebP Converter for Media (v.4.1.1)
WebSub (FKA. PubSubHubbub) (v.3.1.1)
WP-Optimize - Clean, Compress, Cache (v.3.2.1)

 
投稿済 : 20/01/2022 3:54 pm
かんた
(@swell_mania)
投稿: 582
Https://webrent.xsrv.jp/
 

コンテンツエリア(.post_content)にpaddingを設定して、全幅の画像(.l-content .alignfull)のCSSを微調整するといけますね。

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

 
投稿済 : 20/01/2022 6:35 pm
and しらこ reacted
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

テーマの基本形からさらに細かく自分の理想系にカスタマイズしたい場合は、基本的にCSS等で調整していただくしかないです。

SWELL開発者です。

 
投稿済 : 21/01/2022 10:31 am
wanaka
(@seetabi)
投稿: 2
メンバー
Topic starter
 

@swell_mania ありがとうございます。.l-content .alignfullから調整してみます。

 
投稿済 : 22/01/2022 11:36 am
かんた
(@swell_mania)
投稿: 582
Https://webrent.xsrv.jp/
 

CSSでの調整は色んな書き方があります。
僕の書いた方法でうまくできない場合は他のアプローチで試してみてください。

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

 
投稿済 : 23/01/2022 12:47 pm
共有: