@media Wordpressでオーバーライドしない

Question

私は自分のウェブサイトで作業していましたが、Google Pixelの携帯電話に気づきました。私のホーム画面にはいくつかの言葉があります。だから私は彼らが完全に見えるように画面のサイズが十分でない限り、それらを完全に隠すことに決めました。ここに私のウェブページが参考にされています、そしてここに私のルールは、ウェブサイトに影響を与える必要があります。

http://manypoint.org/

/* 
 
----Fix for Title Screen on Pixel---- 
 
\t \t \t \t */ 
 
@media screen and (min-width: 481px) and (max-width: 615px) { 
 
.nivo-caption { 
 
\t bottom:25% !important; 
 
} 
 
}

ここで、それはあまりにもその特定のデバイスの画面サイズにやっているかのスクリーンショットです。 Example

ページに行き、そのボックスを調べると、上記のメディアルールがresponsive.cssに既に存在することがわかります。あなたがそれを編集して底を回るなら：10％を底に：25％あなたは私の問題が解決されるのを見るでしょう。唯一の問題ですが、解決されていません。最後に読み込まれたスタイルであるcustom.cssにこのCSSを追加しています。これをcustom.cssの一番下に置きます。それはまだ働いていません。それは常にresponsive.cssの元のスタイルを使用します。また、重要なタグでも何もしません。

私はあなたが考えていることを知っています。ただresponsive.cssを編集してください。簡単な修正を私は知っていますが、私はそのファイルにアクセスできません。最後にロードされているので、私はcustom.cssのスタイルをオーバーライドできるはずです。この問題を解決できるよう、私はここにどこか間違っていると教えてください！

Answer 1

私はちょうど何かを試して、それは働いた。上記のコメントのように、私は特異性を高めることが提案されました。それから私は多少の幅のパラメータを使ってみるべきでしょう。

これはトリックでした！すでに他の場所にある@mediaルールを直接上書きしようとするのではなく、わずかに異なるものを追加しました。私はちょうどピクセル数を480pxと616pxとviolaに変更しました！

これが通常の動作であるかどうかはわかりませんが、私の問題は確実に解決しています。