teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

コードの追加

2019/07/21 01:14

投稿

Enuos
Enuos

スコア13

title CHANGED
File without changes
body CHANGED
@@ -45,7 +45,7 @@
45
45
  ![イメージ説明](2e2ba10cd55845a6a478b9ded2a0bcd6.png)
46
46
 
47
47
  ---
48
-
48
+ ```
49
49
  @charset "UTF-8";
50
50
 
51
51
  /*!
@@ -165,4 +165,5 @@
165
165
  background:#fff;
166
166
  color:#ffaa56;
167
167
  border:2px solid #ffaa56;
168
- }
168
+ }
169
+ ```

1

外観→テーマエディタのCocoon Child: スタイルシート (style.css) のコードを貼り付けました。

2019/07/21 01:14

投稿

Enuos
Enuos

スコア13

title CHANGED
File without changes
body CHANGED
@@ -42,4 +42,127 @@
42
42
  コンタクトフォームのCSSに!がある写真
43
43
  ![イメージ説明](330a80decf3294b71af847faa9b63a6e.png)
44
44
  Democracy Pollでもチェックマークが表示されない
45
- ![イメージ説明](2e2ba10cd55845a6a478b9ded2a0bcd6.png)
45
+ ![イメージ説明](2e2ba10cd55845a6a478b9ded2a0bcd6.png)
46
+
47
+ ---
48
+
49
+ @charset "UTF-8";
50
+
51
+ /*!
52
+ Theme Name: Cocoon Child
53
+ Template: cocoon-master
54
+ Version: 0.0.5
55
+ */
56
+
57
+ /************************************
58
+ ** 子テーマ用のスタイルを書く
59
+ ************************************/
60
+ /*必要ならばここにコードを書く*/
61
+ /*フロント固定ページのタイトルを非表示*/
62
+ .home.page .entry-title{
63
+ display: none;
64
+ }
65
+
66
+ /************************************
67
+ ** レスポンシブデザイン用のメディアクエリ
68
+ ************************************/
69
+ /*1240px以下*/
70
+ @media screen and (max-width: 1240px){
71
+ /*必要ならばここにコードを書く*/
72
+ }
73
+
74
+ /*1030px以下*/
75
+ @media screen and (max-width: 1030px){
76
+ /*必要ならばここにコードを書く*/
77
+ }
78
+
79
+ /*768px以下*/
80
+ @media screen and (max-width: 768px){
81
+ /*必要ならばここにコードを書く*/
82
+ }
83
+
84
+ /*480px以下*/
85
+ @media screen and (max-width: 480px){
86
+ /*必要ならばここにコードを書く*/
87
+ }
88
+ /*Contact Form 7カスタマイズ*/
89
+ /*スマホContact Form 7カスタマイズ*/
90
+ @media(max-width:500px){
91
+ .inquiry th,.inquiry td {
92
+ display:block!important;
93
+ width:100%!important;
94
+ border-top:none!important;
95
+ -webkit-box-sizing:border-box!important;
96
+ -moz-box-sizing:border-box!important;
97
+ box-sizing:border-box!important;
98
+ }
99
+ .inquiry tr:first-child th{
100
+ border-top:1px solid #d7d7d7!important;
101
+ }
102
+ /* 必須・任意のサイズ調整 */
103
+ .inquiry .haveto,.inquiry .any {
104
+ font-size:10px;
105
+ }}
106
+ /*見出し欄*/
107
+ .inquiry th{
108
+ text-align:left;
109
+ font-size:14px;
110
+ color:#444;
111
+ padding-right:1px;
112
+ width:30%;
113
+ background:#f7f7f7;
114
+ border:solid 1px #d7d7d7;
115
+ }
116
+ /*通常欄*/
117
+ .inquiry td{
118
+ font-size:13px;
119
+ border:solid 1px #d7d7d7;
120
+ }
121
+ /*横の行とテーブル全体*/
122
+ .entry-content .inquiry tr,.entry-content table{
123
+ border:solid 1px #d7d7d7;
124
+ }
125
+ /*必須の調整*/
126
+ .haveto{
127
+ font-size:7px;
128
+ padding:5px;
129
+ background:#ff9393;
130
+ color:#fff;
131
+ border-radius:2px;
132
+ margin-right:5px;
133
+ position:relative;
134
+ bottom:1px;
135
+ }
136
+ /*任意の調整*/
137
+ .any{
138
+ font-size:7px;
139
+ padding:5px;
140
+ background:#93c9ff;
141
+ color:#fff;
142
+ border-radius:2px;
143
+ margin-right:5px;
144
+ position:relative;
145
+ bottom:1px;
146
+ }
147
+ /*ラジオボタンを縦並び指定*/
148
+ .verticallist .wpcf7-list-item{
149
+ display:block;
150
+ }
151
+ /*送信ボタンのデザイン変更*/
152
+ #formbtn{
153
+ display: block;
154
+ padding:15px;
155
+ width:350px;
156
+ background:#ffaa56;
157
+ color:#fff;
158
+ font-size:18px;
159
+ font-weight:bold;
160
+ border-radius:2px;
161
+ margin:25px auto 0;
162
+ }
163
+ /*送信ボタンマウスホバー時*/
164
+ #formbtn:hover{
165
+ background:#fff;
166
+ color:#ffaa56;
167
+ border:2px solid #ffaa56;
168
+ }