追加CSSだと反映するが、my snow monkeyだと反映されない

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

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

    【お使いの Snow Monkey のバージョン】10.8.1
    【お使いのブラウザ】safari
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    キタジマさま

    いつもお世話になっております。
    質問させて頂きます。

    下記のコード(一番下のもの)が、追加CSSだと反映するのですが、my snow monkeyだと反映されません。

    そのままペーストして読み込んだのですが、何が原因でしょうか。

    ———————————————-

    .p-footer-sticky-nav {
    background-color: #00c4b7;
    }
    
    .p-footer-sticky-nav a {
    color: #fff;
    }
    
    .l-footer {
    background-color: #F7F7F7;
    }
    
    .type-page .c-entry__header h1.c-entry__title {
    display:none;
    }
    
    .c-entry__content > h3 {
    border-bottom: solid 2px;
    border-color:#801bba;
    }
    
    .c-entry__content > h3 {
    border-bottom: solid 3px #ffc778;
    position: relative;
    }
    
    .c-entry__content > h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px skyblue;
    bottom: -3px;
    width: 50%;
    }
    
    .youtube {
    color: #FF0102 ;
    }
    
    .p-footer-sticky-nav[data-clickable="false"] .c-navbar {
    opacity: 1;
    }
    
    .p-drop-nav .c-site-branding {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 2em;
    
    }
    
    .c-drawer {
    transition-duration: 0.5s;
    }
    
    .c-drawer[aria-hidden=false] {
    transition-duration: 0.5s;
    }

    ■このコード↓が反映しません

    .c-drawer {
    background-color: rgba(0, 0, 0, 0.8);
    }

    よろしくお願いいたします

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

    詳細度の問題ですかねー。下記のように !important をつけるとどうですか?

    .c-drawer {
      background-color: rgba(0, 0, 0, 0.8) !important;
    }
    0
    いいねをした人: 居ません
    #52996
    杉原 圭
    閲覧者
    14

    ばっちりです!!!
    ありがとうございます!
    (細かい質問ばかりですみません!)

    1
    いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「追加CSSだと反映するが、my snow monkeyだと反映されない」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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