1

私は、Swift と twitter ブートストラップ フレームワークで実行されている Swift のアイデアの近所のテーマで Wordpress を使用しています。

テーマのいくつかのスタイルを変更するために、私は子テーマも使用しています。これは今のところ、style.css だけを持ち、いくつかの部分でうまく機能しています。ただし、さまざまな画面サイズに合わせてブートストラップのレスポンシブ スタイルの一部を変更したいと思ったのですが、うまくいきません。

私の問題は、母テーマの Respond.css が常に異なる画面サイズの子テーマのスタイルを上書きすることです。

ここで、私が変更したいことを示します。まず、母テーマの 2 つの異なる .css ファイルを次のように読み込みます

@import url("../neighborhood/style.css");
@import url("../neighborhood/css/responsive.css");

以下は、変更したいマザーテーマのスタイルです。

@media only screen and (min-width: 1200px) {
(...)
body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-no-sidebar .upsells.products ul.products li.product {
      width: 270px;
}
(...)
}

子テーマの style.css で、この行を次のように変更しました。

@media only screen and (min-width: 1200px) {
    body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-no-sidebar .upsells.products ul.products li.product {
        width: 31%;
    }
}

私にとっては、これで問題ないように見えますが、母テーマの Respond.css のスタイルは、常に子テーマのコードより優先されます。どこで間違いを犯したのですか？

よろしくお願いします。

4

2 に答える 2

0

まったく同じ問題に遭遇しました。Respond.css は、子テーマの css をオーバーライドします。私の場合、responsive.css が既に !important を使用しているため、!important を使用すると失敗するようです:

// Code from responsive.css
#main-navigation {
  display: none;
  float: none;
  margin: 10px 20px 30px!important;
}
于 2014-10-06T09:52:48.990 に答える