会員サイトをリニューアルしました! 新サイトはこちら

ブログパーツでフルワイドブロックを使った時のサイト幅について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

ブログパーツでフルワイドブロックを使っ...
 
通知
すべてクリア

[解決済] ブログパーツでフルワイドブロックを使った時のサイト幅について

6 投稿
3 ユーザー
5 Likes
1,497 表示
OOMOTO
(@oomoto)
Eminent Member
Topic starter
 

いつもお世話になっております。

当ブログでSWELLをアピールするブロックを作っているのですが、記事からはみ出てしまい見た目が悪いです。

当ブログの設定は次のとおりです。

  • 1カラム
  • サイト幅1200
  • ブログパーツでフルワイドブロックを使って作成

という内容です。

言葉でわかりにくいと思いますので画像を添付しているので御覧ください。

なお、これが仕様ならCSSで調整をしますがどうでしょうか?

 
投稿済 : 03/06/2020 12:01 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

ありがとうございます。フレームオンでウィジェットエリアにフルワイドコンテンツを設置すると、ご報告いただいたようにはみ出してしまうことを確認できました...!

次回アップデートで修正させていただきます...!

 
投稿済 : 04/06/2020 1:27 am
つぶ reacted
了(開発者)
(@ryo)
Illustrious Member Admin
 

次回アップデートまで、ひとまず以下のCSSで対応していただければと思います...!

@media (min-width: 960px) {
.-frame-on .l-content .c-widget .alignfull {
left: -32px;
width: calc(100% + 64px);
}
}
 
投稿済 : 04/06/2020 1:32 am
SAKURA and つぶ reacted
つぶ
(@tbshiki)
Estimable Member
 

こんにちは。

>ブログパーツでフルワイドブロックを使って作成
とありますが、フルワイドブロックのみの表示と違うように見えます(; ・`ω・´)

どこかでグループ化していませんか?

フルワイドブロックのフルワイドの部分がどこにあたるかがわからないので教えていただきたいです💦

該当部分に背景色をつけたい場合なら ブログを楽しむテーマSWELLの見出しからSWELL公式サイトのボタンまでのブロックをグループ化して背景色を設定するのがいいと思います。

ブログパーツでフルワイドブロック、サイドバー無しの記事に表示した際のサンプルを画像にしているので確認お願いします😂

 
投稿済 : 04/06/2020 1:39 am
つぶ
(@tbshiki)
Estimable Member
 

僕が解答書いてる間に了さんからの解答が……w
さすがです🤣

ウィジェットエリアでのブログパーツ使用だったのですね(; ・`ω・´)失礼しました💦

 
投稿済 : 04/06/2020 2:10 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

こちら、最新版ではすでに修正できているかと思います...!

 
投稿済 : 10/06/2020 8:21 am
つぶ reacted
共有: