バージョンアップによるレイアウト崩れ

0
いいねをした人: 居ません
  • このトピックには6件の返信、2人の参加者があり、最後にsoubiにより1年、 7ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #121901
    soubi
    参加者
    1

    【お使いの Snow Monkey のバージョン】 20.0.1
    【お使いの Snow Monkey Blocks のバージョン】19.1.0
    【お使いの Snow Monkey Editor のバージョン】9.2.1
    【お使いのブラウザ】Googole Chrome
    【当該サイトのURL】お客さまのサイトなのでお知らせできません。

    ### 実現したいこと

    ヒーロー画像を左右全幅にしたい

    ### 発生している問題

    左右全幅になっていた画像がマージン内に収まってしまった。

    ### 試したこと

    CSSをいろいろいじってみたり、固定ページのブロックの設定をいじってみましたがだめでした。

    0
    いいねをした人: 居ません
    #121902
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey v19 でレイアウト周りに大きな変更があったのでその影響かもしれません(v18 以下からのアップデートでしょうか?)。

    なにもカスタマイズしていなければ、基本的には問題が起きてもそのページの編集画面を開けば自動で修正されますが(再保存は必要)、カスタマイズが影響している場合は何らかの修正が必要になる可能性があります。どのようなカスタマイズをしているかで対処内容が変わってくると思うので、じっさいの画面かスクショを見ない詳しくはわからないと思います…。

    0
    いいねをした人: 居ません
    #121903
    soubi
    参加者
    1

    早速ありがとうございます。

    カスタマイズは何もしていません。

    Ver118ではこの画像が左右いっぱいになっていました。

    0
    いいねをした人: 居ません
    #121907
    soubi
    参加者
    1

    すいません18の間違いです。

    0
    いいねをした人: 居ません
    #121910
    soubi
    参加者
    1

    追加CSSはこれが書かれていました。

    .l-header {
      background-color: #ffffff;
    }
    
    :not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu {
      background-color: #cccccc;
    }
    
    :not(.l-header__drop-nav) .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
      display: none;
    }
    
    :not(.l-header__drop-nav) .p-global-nav .c-navbar__subitem > a {
      color: #111;
    }
    
    .smb-thumbnail-gallery__item__figure > img {
      max-height:600px;
      object-fit:cover
    }
    .smb-thumbnail-gallery__canvas .slick-dots li > img {
      max-height:180px;
      object-fit:cover;
    }
    
    .p-breadcrumbs-wrapper,
    .l-contents__inner {
      margin: 0 auto;
      max-width: 999px;
    }
    .minchoA1{ font-family: "A1 Mincho"; }
    
    .ryuminb { font-family:"Ryumin Bold KL"}
    .c-meta{
      display: none;
    }
    .c-entry-summary__content{
      display: none;
    }
    .c-prev-next-nav {
      display: none;
    }
    
    .page-nav a {
      text-decoration: none;
    }
    
    .smb-section-with-bgimage__bgimage--lg{
     
     background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAS0lEQVQoU62PbQoAIAhDt9N2pk5rJE4o6AvyT7xNbdLMKsmCqJmlMwxx6dyBZGrOQW4CyM0ABi3HNL569fVdxsi0bX7O+PGY07XyG1SAJguuOu3+AAAAAElFTkSuQmCC
    ) repeat;
    }
    0
    いいねをした人: 居ません
    #121912
    アバター画像キタジマ タカシ
    参加者
    2421
    .p-breadcrumbs-wrapper,
    .l-contents__inner {
      margin: 0 auto;
      max-width: 999px;
    }

    ↑これめちゃめちゃ怪しいのですが、消したらどうなりますか?

    0
    いいねをした人: 居ません
    #121913
    soubi
    参加者
    1

    直りました!!
    ありがとうございました。

    1
    いいねをした人:
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「バージョンアップによるレイアウト崩れ」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。