0

私はWordressでPortfolio-Pressテーマを扱っています。「バナー」の外観を与えるために、ロゴとして幅 980 ピクセルのファイルを追加しました。その風化した木の板の外観。このファイルの左右の余白が白くなるのを処理するために、風化した厚板ファイルを「ロゴ」div の下にある「ブランディング」div に配置し、repeat-x を指定しました。画面がどのサイズに設定されていても、空白が埋められるようにします。ブラウザのサイズが 750px 未満の場合を除き、正常に動作します。背景を約100ピクセル下にシフトさせ、メニューバーを台無しにする@media css呼び出しがアクティブになります。これは簡単に見つけて修正できると思うかもしれませんが、私はダミーです。この css 呼び出しを検索しましたが、実際の css ファイルでは見つかりません。スクリプトか何かで生成する必要があります。

問題は、javascript を書き換えたり、この css を書いたりすることなく、これについて何かできることはありますか? そして、書き換える必要があるJavaScriptの場合、一体どこにあるのでしょうか?

でサイトを表示できます。

www.bufalobobschalupas.com

開発者ツールを開いた状態で実行し、「ラッパー」div 内の「ブランディング」div を選択すると、CSS の変更を簡単に確認できます。

4

2 に答える 2

0

CSS はすべて縮小されているため、行番号を指定するのは困難ですが、これが原因です。

@media screen and (max-width: 750px) {
   #branding {
     width: 46%
     height: auto;
   }
}

幅と高さの属性を削除すると、きれいに見えます。

また、その画面サイズでパディングを削除するメディア クエリを追加することもできます。.col-width

.col-width {
   padding: 0;
 }

編集：あなたの質問に半分しか答えていないことに気づきました。問題の css ファイルは次のとおりです。

http://chalupaholics.com/wp-content/w3tc/min/3b548d20.31cc2f.css

それがどのように生成されているのかはわかりませんが、ページリクエストを減らして縮小するためにcssを単一のファイルにコンパイルするプラグインを想像しています。私が言っているのは、css と JS が、メタデータの前であっても、異常に高い順序で追加されているためです。Windows でGrep またはAstrogrepを使用してインストールを検索し、プラグインが動作する前にこの CSS のソースを見つけて、そこで変更します。

于 2012-10-20T07:12:24.143 に答える
0

ポートフォリオ ビューのサムネイルに境界線を正しく追加する方法を見つけようとして、更新する必要がある css 要素について説明している次の投稿を見つけました。

http://wordpress.org/support/topic/theme-portfolio-press-cant-remove-the-grey-border-on-the-thumbnails

「CSSファイルで、次を見つけます: #content img, img.thumbnail and remove border: 1px solid #DDD;」

次に、必要に応じて、header.php の終了< /head>タグのすぐ上でスタイルをオーバーライドします。少しハックですが、長い CSS ファイルの最後を編集するよりも気に入っています。これにより、CSS ディレクティブが最後に読み込まれることが保証され、ファイルの先頭に小さな変更が常に表示されます。

これが役立つかどうかはわかりませんが、編集する CSS を見つけるのに少し検索が必要でした。これは、その発見とそれをどのように使用できたかを共有するのに適した場所かもしれないと思いました.

于 2013-05-02T18:02:02.490 に答える