質問編集履歴
1
試したことを追記、タイトルを修正しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ワードプレスサイトの右サイドバー上の検索ボックス
|
1
|
+
ワードプレスサイトの右サイドバー上の検索ボックスが移動しない
|
test
CHANGED
@@ -1,14 +1,56 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
-
ワードプレスサイトの右サイドバーの上にある検索ボックスをスライドショー右上に移動し
|
3
|
+
ワードプレスサイトの右サイドバーの上にある検索ボックスをスライドショー右上に移動したい。
|
4
|
-
|
5
|
-
検索ボックス内の表示されてる『Search』を『検索』へ変更したいです。
|
6
|
-
|
7
|
-
ご教示のほど宜しくお願いいたします。
|
8
4
|
|
9
5
|
|
10
6
|
|
11
|
-
![イメージ説明](
|
7
|
+
![イメージ説明](1b3620c3f17cb1db90597dc845258fb7.png)
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
###該当のソースコード
|
12
|
+
|
13
|
+
↓以下、style.cssから抜粋
|
14
|
+
|
15
|
+
/* Search Widget */
|
16
|
+
|
17
|
+
.widget_search input.s {
|
18
|
+
|
19
|
+
width: 100%;
|
20
|
+
|
21
|
+
height: 40px;
|
22
|
+
|
23
|
+
padding: 0 35px 0 15px;
|
24
|
+
|
25
|
+
color: #777;
|
26
|
+
|
27
|
+
background-color: #f9f9f9;
|
28
|
+
|
29
|
+
background-image: none;
|
30
|
+
|
31
|
+
background-position: right 10px;
|
32
|
+
|
33
|
+
border-color: #eaeaea;
|
34
|
+
|
35
|
+
cursor: text;
|
36
|
+
|
37
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
38
|
+
|
39
|
+
filter: alpha(opacity=100);
|
40
|
+
|
41
|
+
opacity: 1;
|
42
|
+
|
43
|
+
text-indent: 0;
|
44
|
+
|
45
|
+
}
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
###試したこと
|
50
|
+
|
51
|
+
style.cssの検索ボックスの定義と思われる箇所で
|
52
|
+
|
53
|
+
postion:、top:、right:を定義してみたのですが、動いてくれません。
|
12
54
|
|
13
55
|
|
14
56
|
|