サイドバーを右にする方法

サイドバーを右にする方法

セルフルの上級者機能に追加された「カスタムCSS」
この機能を利用した裏技をこのブログでは紹介しています🤗

完成図

デザインテーマが「Solid」の場合の完成図はこちら。

サイドバーが左にあるのがなんかしっくりこなかった・・という人は使ってみてください。ちなみに、パソコンの表示だけ変更になって、スマホについてはとくにデザインは変わりません〜。

対応しているサイトデザイン※

「Solid」

※サイトデザインとは、セルフルの管理画面左にある「サイト設定」に入った画面の一番上「サイトデザイン」で選択しているデザインのことです。

変更方法

下記のコードをコピーして「上級者設定」の中にある「カスタムCSS」をクリックしたページに貼り付けしてください。

サイドバーを右にするためのコード

/* -------- 右サイドバー -------- */

/* サイドバーを右側に */
@media screen and (min-width: 601px) {
  #site-design-solid #main {
    float: left;
  }
  #site-design-solid #side {
    float: right;
  }
}

デザインカテゴリの最新記事