[ko-chan]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】11.7．6
【お使いのブラウザ】クローム
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

白神眼科

ito-ya.ito-sougi.com

===

チェックボックスを中央に持ってくるためのCSSの書き方がわかりません。
恐れ入りますが、アドバイスお願いします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

共有いただいたページを開いてみましたがコンテンツが入っていないようでした。実際にそのチェックボックスにどのような CSS があたっているかを見てみないとなんとも言えないので、実際にそのコンテンツが入っているページの URL を共有していただければと思います。よろしくおねがいします！

♥ 0

いいねをした人: 居ません

[ko-chan]

白神眼科

ito-ya.ito-sougi.com

大変失礼しました。

これで見れますでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

.su-service-title i に position: absolute と display: block が当たっています。

absolute にすると text-align の影響を受けなくなるのでまずこれを消してみてください。

次に、display: block だとインラインにならないのでこれも消してみてください。

♥ 0

いいねをした人: 居ません

[ko-chan]

ありがとうございます。

.su-service-title i {

top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
}

該当クラスを全てコピペして追加CSSに貼り付け、positionとdisplayを消してみたのですが、動いてくれません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あ、わかりました。これは Shortcode Ultimate でつくられているのですね。自作だと思っていたので消してくださいとアドバイスしましたが、プラグイン利用だと消すのはできないので追加 CSS に打ち消すための CSS を書かないといけません。トピックを立てるときにどうやって実装したのかを書いてもらえると助かります！

ということで、これでどうでしょうか？

.su-service-title {
  text-align: center;
}

.su-service-title i {
  position: static;display: 
  inline-block !important;
}

Shortcode Ultimate は使ったことがないので詳しくないので、もしかしたら意図しない部分で崩れが発生することはあるかもしれません。

♥ 0

いいねをした人: 居ません

[ko-chan]

いつも丁寧に教えていただいてありがとうございます！

これからどういうコードを書いたか、ブロックを使ったかを記述するように気をつけます。

コードを丸々コピペしたのですが、やはりダメです。

ちなみになのですが、ブロックの「リスト」を使用した際にもチェックマークだけが動いてくれなくてショートコードに変更しました。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ありゃ。詳細度の問題ですかね。下記のように修正するとどうでしょうか？

.su-service .su-service-title {
  text-align: center;
}

.su-service .su-service-title i {
  position: static;display: 
  inline-block !important;
}

♥ 0

いいねをした人: 居ません

[ko-chan]

治りました！ありがとうございました！

♥ 1

いいねをした人: 居ません

[投稿者]

投稿