0

最近、最新バージョンのWordpressをダウンロードし、新しいTwentyTwelveから子テーマの開発に取り組んでいます。

ユーザーがヘッダー画像をアップロードするときのデフォルトのスタイルは、その周囲に1pxの実線の＃d2d2d2境界線を配置し、3pxの境界線半径、ボックスシャドウを指定して、左揃えにします。

これは単純に聞こえるかもしれませんが、これを維持したいのですが、代わりにヘッダー画像を中央揃えにして、その下に1pxの実線の#ededed線を配置します（この線はサイト幅の100％まで延長する必要があるため、ヘッダー画像であっても小さい場合、行はアップロードされた画像をラッパーの両側に渡し続けます）。

何らかの理由で、これを達成するために適切なHTMLおよびCSSルールをターゲットにすることができません。

私は、header.phpファイルと/inc/custom-header.phpファイルをいじったり、プロパティを変更したり、style.cssドキュメントの一番下に配置したりするなど、さまざまなことを試しました。
header img, header img a, header a img, .header-image {
text-align: center; margin: inherit auto; padding-bottom: 32px; border-bottom: 1px solid #ededed;
}

header img:after, header img a:after, header a img:after, .header-image:after {
border-bottom: 4px solid red; padding-bottom: 32px;
}

ユーザーがヘッダー画像をアップロードするときに、この望ましい効果をどのように達成しますか？

ありがとうございました。

4

1 に答える 1

2

style.cssの442行目を変更します。

.header-image {
    display block;
    margin: 0 auto 2em;
}
于 2012-10-21T23:25:41.573 に答える