-1

このワードプレスのテーマで検索ボックスとソーシャル ネットワーク リンクの色を変更しようとしています。今までWEB制作は何回かやったことがありますが、WordPressは初めてです。スタイル CSS の元の色はオレンジでした。以下に示すように、緑色に変更しましたが、変更が反映されていません。

テーマは「レストラン経営者」

サイトはこちら: www.playlistforlife.org.uk/wordpress

/******************************************************************
SEARCH BOX
******************************************************************/

#search-box-wrap {
background-color: #8bb295;
height: 50px;
margin-left: -33px;
margin-right: -33px;
display: none;

}

#search-box {
position: relative;
width: 96%;
margin: 0 auto;
padding: 0 2%;
max-width: 1062px;
-webkit-box-sizing : border-box; 
-moz-box-sizing : border-box; 
-o-box-sizing : border-box; 
box-sizing : border-box;
}

#search-box #searchform {
float: right;
margin-top: 10px;
}

#search-box #searchform label {
display: none;
}

#s {
height: 30px;
font-size: 1.2em;
background: url(library/images/icon-search.png) no-repeat 7px 7px #fff;
padding: 5px 7px 5px 30px;
border: 0;
box-shadow: 3px 3px 10px #d0d0d0 inset;
min-width: 400px;
outline: none;
margin-right: -4px;
}
.post-content #s {
    min-width: 50%;
}

#searchform input[type=submit] {
height: 30px;
background-color: #8bb295;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #fff;
border: 0;
padding: 3px 10px;
}

#search-box #close-x {
float: right;
width: 23px;
height: 23px;
background-color: #8bb295;
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #fff;
text-align: center;
line-height: 21px;
margin-top: 15px;
margin-right: 0;
margin-left: 20px;
cursor: pointer;
}

/******************************************************************
SOCIAL MEDIA BUTTONS STYLES
******************************************************************/

#social-media {
display: inline-block;
width: 39%;
text-align: right;
vertical-align: bottom;
padding-bottom: 20px;
}
#social-media a,
#search-icon {
    background-color: #8bb295;
    width: 30px;
    height: 29px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 5px;
    margin-bottom: 8px;
    text-indent: 9999px;
    outline: none;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    overflow: hidden;
}
4

3 に答える 3

0

header.php ファイルを開きます。</head>タグの前にcssスタイルを書く

<style>
#search-box-wrap {
background-color: #8bb295;
}
#social-media a, #search-icon {
background-color: #8bb295;
}
</style>

それが動作します。

于 2013-11-12T10:46:46.527 に答える
0

WP テーマのテーマ オプションで色を変更できます。またはコードを次のように指定します!important

#social-media a, #search-icon {
    background-color: #8BB295 !important;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: inline-block;
    height: 29px;
    margin-bottom: 8px;
    margin-left: 5px;
    outline: medium none;
    overflow: hidden;
    text-indent: 9999px;
    vertical-align: top;
    width: 30px;
}

#search-box-wrap {
    background-color: #8BB295 !important;
    display: block;
    height: 50px;
    margin-left: -33px;
    margin-right: -33px;
}
于 2013-11-12T10:25:28.540 に答える
0

これが原因となっているルールです。

/wordpress/ #2 35行目

#search-box-wrap, #social-media a, #search-icon, .post-content a.more-link, .pagination a:hover, .pagination span.current, #comment-nav-above a, #comment-nav-below a, #nav-above a, #nav-below a, #image-navigation a, .commentlist .comment-reply-link, .commentlist .comment-reply-login, #respond #submit, .grid-box .menu-price {
  background-color: #E68B2B;
}
于 2013-11-12T10:14:13.080 に答える