[徳田格]

【お使いの Snow Monkey のバージョン】 14.2.3
【お使いの Snow Monkey Blocks のバージョン】11.3.0
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】Chrome
【当該サイトのURL】8cf910eb4d07.ngrok.io (local by flywheelのリンクです。）

### 発生している問題

デザインスキンは、はにわまんさんの「Snow Monkey Design Skin Hpcode」を使っています。

記事のカテゴリーラベルを左端に移すことができません。

### 試したこと

.c-entry-summary__figure .c-entry-summary__term {
right: none !important;

}

デベロッパーツールでは、上の記述で、左端に移せたのですが、
追加cssで記述しても反映されません。

対応方法をご教示いただけますでしょうか。
よろしくお願い致します。

♥ 0

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

[アクツ]

徳田さん こんにちは。

追加CSSにやろうとした方法を追加CSSに入れても、そもそも動かないのが正しいかなと思います。（rightにはnoneは使えなかったような気がします）

参考：

right – CSS: カスケーディングスタイルシート | MDN

CSS の right プロパティは、位置指定要素 (positioned elements) の水平位置の決定に関与します。位置指定されていない要素には効果はありません。

developer.mozilla.org

 

多分 right: auto にしたものを追加CSSに入れたら左に寄ると思いますがどうでしょうか。
（検証ツールで試してみただけです）

♥ 1

いいねをした人:

[徳田格]

アクツさん、ご回答下さり、ありがとうございます！

ご提示の通り、right: autoで試しましたがダメでした。（キャッシュクリアしました）
また、他にもright: 200px !important;などで試しても、表示が右寄りのままです。
（デベロッパーツールでは、表示が反映されるのですが。。）

♥ 0

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

[まーちゅう]

left: 0;
right: unset;

では、どうですか？

♥ 0

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

[徳田格]

まーちゅうさん、ご回答ありがとうございます！

そちらでもダメでした。追加cssに記述しても、

.c-entry-summary__figure .c-entry-summary__term {
  right: 0;
  top:0;
}

のように、right:0のままなのが気になります。

♥ 0

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

[まーちゅう]

当該サイトのURLがリンク切れになっていたので、こちらの環境で試してみました。

.c-entry-summary__figure .c-entry-summary__term {
    left: 0;
    right: unset;
}

外観 > カスタマイズ > 追加CSSに記入して
プレビュー画面では、右に寄ったままですが、公開してカスタマイザーを×で閉じると左に寄りました。
https://demo.waiwai-do.com/
ちなみにdisplay: inline-table;も追加すると、カスタマイザーのプレビュー画面でも左に寄ります。

♥ 3

いいねをした人:

[徳田格]

まーちゅうさん、ご提示のコードをそのまま追加CSSに貼り付けると、
プレビュー画面でも、左に寄りました！！

以前もphpのコードとかであったのですが、全く同じコードなのに反映されなくて
動作が上手くいった人のコードだと、なぜか反映されるみたいなことがありました。
また、公開してカスタマイザーを×で閉じていたのですが、反映されていなかったので、不思議ですね。

とりあえず、解決できたのでよかったです。ありがとうございました！

♥ 0

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

[投稿者]

投稿