最近の投稿のサムネイルのカテゴリ表示位置を変更したい

0
いいねをした人: 居ません
  • このトピックには5件の返信、3人の参加者があり、最後にアバター画像peliにより1ヶ月、 2週前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #142055
    アバター画像peli
    参加者
    5

    【お使いの Snow Monkey のバージョン:バージョン: 27.0.3】
    【お使いの Snow Monkey Blocks のバージョン:バージョン 22.1.1】
    【お使いの Snow Monkey Editor のバージョン:バージョン 10.0.4】
    【お使いのブラウザ safali】
    【当該サイトのURL https://kadensha-hayama.com/works/】

    お世話になります。下記お願いします。

     

    ### 実現したいこと

    最近の投稿のカテゴリーをタイトルの下に移したい

    ### 発生している問題

    追加CSSで調整をすると写真の外に文字がいくと消えてしまいます。

    ### 試したこと

    フォーラムで同じトピック

    があったので、同じようにCSSを追加したのですが、実現できず、自分でposition absoluteの場所などいじったのですがどうしてもカテゴリー名が写真の枠の外に行きません。

     

    お助けお願いします。

    0
    いいねをした人: 居ません
    #142059
    GONSY
    参加者
    841
    .c-entry-summary__figure .c-entry-summary__term {
    	display: none;
    }
    
    .c-entry-summary__meta .c-meta__item--categories {
    	display: block;
    }
    
    .c-entry-summary__body .c-entry-summary__meta {
    	margin-top: 0;
    	justify-content: flex-start;
    }
    
    .c-meta__item.c-meta__item--categories .c-entry-summary__term {
    	color: inherit;
    	display: block;
    	padding: 0;
    }

    こんな感じでしょうか?
    お試しくださいませ。

    1
    いいねをした人:
    #142060
    アバター画像peli
    参加者
    5

    GONSYさん連続でありがとうございます!!!!できました。

    ちなみに、なぜ写真の枠からカテゴリーが私の調整では出なかったのか、わかりますでしょうか。

    下記で調整を試みたのですが、写真の端までいくと文字が消えてしまいました。GONSYさんの display:block の調整なのでしょうか。素人質問ですみません。

    *.c-entry-summary__term {
      position: absolute;
      top: auto;
      bottom: 1rem;
      left: 50%;
      right: auto;
      transform: translate(-2%, 100%
    0
    いいねをした人: 居ません
    #142062
    アバター画像キタジマ タカシ
    参加者
    2421

    カテゴリー名を表示する HTML は、実は画像と同じ div の中に1つと、メタ情報の中に1つの、あわせて2箇所にあるんです。デフォルトではメタ情報の中のものは非表示になっています。GONSY さんの CSS は、それらの表示・非表示状態を display: nonedisplay: block で入れ替えるものになりますね。

    2
    いいねをした人:
    #142063
    GONSY
    参加者
    841
    #142065
    アバター画像peli
    参加者
    5

    キタジマさん、GONSYさん回答ありがとうございました。クリアーです。今後ともよろしくお願いします。

    1
    いいねをした人:
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「最近の投稿のサムネイルのカテゴリ表示位置を変更したい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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