- このトピックには10件の返信、3人の参加者があり、最後に
により2年、 6ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】16.5.4
【お使いの Snow Monkey Blocks のバージョン】15.0.6
【お使いの Snow Monkey Editor のバージョン】7.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://sutokkyu.com/### 実現したいこと
サイドバーの幅を狭くしたいです。
### 発生している問題
### 試したこと
追加cssでスタイルを当ててみましたが、うまくできませんでした。
お忙しいところ恐れ入ります、ご確認お願い致します。
いいねをした人: 居ません@井田時矢さん
試されたCSSをご提示されたほうが的確なアドバイスがもらえると思います。
ぜひご提示くださいませ。
それと、該当サイトですが、パスワードがないと見られないようになっています。
いったん解除されたほうが良いと思います。いいねをした人:GONSY様
ご返信ありがとうございます。
ロック解除しました。失礼致しました。
以下のようにしたのですが、メインのカラムもそれに合わせて幅を広くしたいのですが、
どのように記述したらいいかがわかりません。
@media (min-width: 1024px) {
.l-contents__sidebar {
width: 200px!important;
}
}いいねをした人: 居ません
ご提示ありがとうございます。
そこまで理解されているのなら、あとちょっとですね！
メインカラムのwidthで指定されている数値を、サイドバーの数値に変え、追加CSSに記述してあげれば良いと思います。@media ( min-width: 1024px ) { [data-has-sidebar=true] .l-contents__main { width: calc(100% - 200px - var(--_space, 1.8rem)*2*var(--_margin-scale, 1)); } [data-has-sidebar=true] .l-contents__sidebar { width: 200px; } }こうですかね？
お試しくださいませ。いいねをした人:
ありごうございます。
そちら試したら、うまくいったのですが、追加cssの公開ができず。
原因は文中に–が入っていると出来ないようです。
–を使わずに記述することは可能でしょうか？
いいねをした人: 居ませんありごうございます。
そちら試したら、うまくいったのですが、追加cssの公開ができず。
原因は文中に–が入っていると出来ないようです。
–を使わずに記述することは可能でしょうか？
いいねをした人: 居ませんありがとうございます。
自分も他のサーバーでは問題なく同じ表記ができたのですが、
こちらのサイトだと上手くいかない状況です。
ハイフンを一つにしたら、公開できたので、ハイフンが連続していると公開できなくなる
ようなのですが、ハイフンを連続で書かずに記述は難しいでしょうか？
いいねをした人: 居ませんそうなんですね。
--がNGなら、var(--_space, 1.8rem)とvar(--_margin-scale, 1)の,のあとの数値のみを入れればいいのではないでしょうか？@media ( min-width: 1024px ) { [data-has-sidebar="true"] .l-contents__main { /* width: calc(100% - 200px - var(--_space, 1.8rem)*2*var(--_margin-scale, 1)); */ width: calc(100% - 200px - 1.8rem * 2 * 1); } [data-has-sidebar="true"] .l-contents__sidebar { width: 200px; } }いいねをした人:
- トピック「サイドバーの横幅を狭くしたいです。」には新しい返信をつけることはできません。