解決済み
Question

JIN:Rでのアプリーチでレイアウトが崩れる

  • S S A
  • アプリーチ入りの記事にJIN:Rを適用すると、アプリーチのレイアウトが崩壊します。
    カスタマイズ→その他の設定でアプリーチデザインを読み込むをオンにした状態です。

    • WP 6.1系
    • PHP 8.1
    • JIN:R 1.0.2
    • Xserver
    • GoogleChrome
    • Windows10
    2022/11/22 18:07
  • Ryota0101

    こんにちは!
    JIN:R制作チームのRyotaです!

    こちら制作陣側で確認できており、次回以降のバージョンアップで修正する予定です...!!
    お手数おかけし大変恐縮ではございますが、何卒宜しくお願い致します!

    2022/11/23 11:58
  • S
    S A

    次回とはいつですか?

    これが治らないと使い物になりません

    2022/11/29 17:19
  • Ryota0101

    取り急ぎ僕の方で修正のCSSを作成してみたので一旦これを「追加CSS」に追加してご確認いただけますか... ??
    (新コードのみのCSSです)

    // ここからコピペ
    #postContent .appreach__detail p {
    margin: 0;
    }
    .appreach .appreach__links {
    display: flex;
    height: 28px;
    }
    @media (max-width: 767px){
    .appreach__links .appreach__gplink img {
    width: 97px;
    height: 28px;
    }
    .appreach__links .appreach__aslink img {
    margin-right: 5px;
    width: 97px;
    height: auto;
    }
    .appreach .appreach__links{
    margin-top:4px;
    }
    #postContent .appreach__info {
    font-size: 10px !important;
    }
    #postContent p.appreach__name {
    font-size: 14px;
    }
    .appreach__links a {
    height: 28px;
    }
    }
    // ここまで

    上記を貼り付けていただくと共有している画像のような感じになるかと思います!
    反映されない場合は一度キャッシュクリアをお願い致します!

    2022/11/30 13:51
CLOSE