質問編集履歴

2

コードの追加

2019/07/21 01:14

投稿

Enuos
Enuos

スコア13

test CHANGED
File without changes
test CHANGED
@@ -92,7 +92,7 @@
92
92
 
93
93
  ---
94
94
 
95
-
95
+ ```
96
96
 
97
97
  @charset "UTF-8";
98
98
 
@@ -333,3 +333,5 @@
333
333
  border:2px solid #ffaa56;
334
334
 
335
335
  }
336
+
337
+ ```

1

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

2019/07/21 01:14

投稿

Enuos
Enuos

スコア13

test CHANGED
File without changes
test CHANGED
@@ -87,3 +87,249 @@
87
87
  Democracy Pollでもチェックマークが表示されない
88
88
 
89
89
  ![イメージ説明](2e2ba10cd55845a6a478b9ded2a0bcd6.png)
90
+
91
+
92
+
93
+ ---
94
+
95
+
96
+
97
+ @charset "UTF-8";
98
+
99
+
100
+
101
+ /*!
102
+
103
+ Theme Name: Cocoon Child
104
+
105
+ Template: cocoon-master
106
+
107
+ Version: 0.0.5
108
+
109
+ */
110
+
111
+
112
+
113
+ /************************************
114
+
115
+ ** 子テーマ用のスタイルを書く
116
+
117
+ ************************************/
118
+
119
+ /*必要ならばここにコードを書く*/
120
+
121
+ /*フロント固定ページのタイトルを非表示*/
122
+
123
+ .home.page .entry-title{
124
+
125
+ display: none;
126
+
127
+ }
128
+
129
+
130
+
131
+ /************************************
132
+
133
+ ** レスポンシブデザイン用のメディアクエリ
134
+
135
+ ************************************/
136
+
137
+ /*1240px以下*/
138
+
139
+ @media screen and (max-width: 1240px){
140
+
141
+ /*必要ならばここにコードを書く*/
142
+
143
+ }
144
+
145
+
146
+
147
+ /*1030px以下*/
148
+
149
+ @media screen and (max-width: 1030px){
150
+
151
+ /*必要ならばここにコードを書く*/
152
+
153
+ }
154
+
155
+
156
+
157
+ /*768px以下*/
158
+
159
+ @media screen and (max-width: 768px){
160
+
161
+ /*必要ならばここにコードを書く*/
162
+
163
+ }
164
+
165
+
166
+
167
+ /*480px以下*/
168
+
169
+ @media screen and (max-width: 480px){
170
+
171
+ /*必要ならばここにコードを書く*/
172
+
173
+ }
174
+
175
+ /*Contact Form 7カスタマイズ*/
176
+
177
+ /*スマホContact Form 7カスタマイズ*/
178
+
179
+ @media(max-width:500px){
180
+
181
+ .inquiry th,.inquiry td {
182
+
183
+ display:block!important;
184
+
185
+ width:100%!important;
186
+
187
+ border-top:none!important;
188
+
189
+ -webkit-box-sizing:border-box!important;
190
+
191
+ -moz-box-sizing:border-box!important;
192
+
193
+ box-sizing:border-box!important;
194
+
195
+ }
196
+
197
+ .inquiry tr:first-child th{
198
+
199
+ border-top:1px solid #d7d7d7!important;
200
+
201
+ }
202
+
203
+ /* 必須・任意のサイズ調整 */
204
+
205
+ .inquiry .haveto,.inquiry .any {
206
+
207
+ font-size:10px;
208
+
209
+ }}
210
+
211
+ /*見出し欄*/
212
+
213
+ .inquiry th{
214
+
215
+ text-align:left;
216
+
217
+ font-size:14px;
218
+
219
+ color:#444;
220
+
221
+ padding-right:1px;
222
+
223
+ width:30%;
224
+
225
+ background:#f7f7f7;
226
+
227
+ border:solid 1px #d7d7d7;
228
+
229
+ }
230
+
231
+ /*通常欄*/
232
+
233
+ .inquiry td{
234
+
235
+ font-size:13px;
236
+
237
+ border:solid 1px #d7d7d7;
238
+
239
+ }
240
+
241
+ /*横の行とテーブル全体*/
242
+
243
+ .entry-content .inquiry tr,.entry-content table{
244
+
245
+ border:solid 1px #d7d7d7;
246
+
247
+ }
248
+
249
+ /*必須の調整*/
250
+
251
+ .haveto{
252
+
253
+ font-size:7px;
254
+
255
+ padding:5px;
256
+
257
+ background:#ff9393;
258
+
259
+ color:#fff;
260
+
261
+ border-radius:2px;
262
+
263
+ margin-right:5px;
264
+
265
+ position:relative;
266
+
267
+ bottom:1px;
268
+
269
+ }
270
+
271
+ /*任意の調整*/
272
+
273
+ .any{
274
+
275
+ font-size:7px;
276
+
277
+ padding:5px;
278
+
279
+ background:#93c9ff;
280
+
281
+ color:#fff;
282
+
283
+ border-radius:2px;
284
+
285
+ margin-right:5px;
286
+
287
+ position:relative;
288
+
289
+ bottom:1px;
290
+
291
+ }
292
+
293
+ /*ラジオボタンを縦並び指定*/
294
+
295
+ .verticallist .wpcf7-list-item{
296
+
297
+ display:block;
298
+
299
+ }
300
+
301
+ /*送信ボタンのデザイン変更*/
302
+
303
+ #formbtn{
304
+
305
+ display: block;
306
+
307
+ padding:15px;
308
+
309
+ width:350px;
310
+
311
+ background:#ffaa56;
312
+
313
+ color:#fff;
314
+
315
+ font-size:18px;
316
+
317
+ font-weight:bold;
318
+
319
+ border-radius:2px;
320
+
321
+ margin:25px auto 0;
322
+
323
+ }
324
+
325
+ /*送信ボタンマウスホバー時*/
326
+
327
+ #formbtn:hover{
328
+
329
+ background:#fff;
330
+
331
+ color:#ffaa56;
332
+
333
+ border:2px solid #ffaa56;
334
+
335
+ }