質問編集履歴

1

style sheetの一部を掲載させていただきます。

2018/03/21 02:28

投稿

p_s
p_s

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,617 @@
1
1
  WordpressでSydneyというテーマを使用しています。
2
2
 
3
3
  パソコンなどの比較的大きいディスプレイで見た時に、テキスト全体を中央寄せにして左右に多く余白を持ちたいのですが、どこをどう変更すればいいか教えてください。(iPhoneなどでは見やすいようにレスポンシブ対応でよろしくお願いいたします。)
4
+
5
+
6
+
7
+ 初心者なものですみません。おそらくこのあたりだと思うのですが、よろしくお願いいたします。
8
+
9
+ ```/*--------------------------------------------------------------
10
+
11
+ Content
12
+
13
+ --------------------------------------------------------------*/
14
+
15
+ .sticky {
16
+
17
+ display: block;
18
+
19
+ }
20
+
21
+ .hentry {
22
+
23
+ }
24
+
25
+ .byline,
26
+
27
+ .updated:not(.published) {
28
+
29
+ display: none;
30
+
31
+ }
32
+
33
+ .single .byline,
34
+
35
+ .group-blog .byline {
36
+
37
+ display: inline;
38
+
39
+ }
40
+
41
+ .single .entry-header,
42
+
43
+ .page .entry-header {
44
+
45
+ margin-bottom: 30px;
46
+
47
+ }
48
+
49
+ .entry-footer {
50
+
51
+ clear: left;
52
+
53
+ margin-top: 30px;
54
+
55
+ }
56
+
57
+ .page-links {
58
+
59
+ clear: both;
60
+
61
+ margin: 0 0 30px;
62
+
63
+ }
64
+
65
+ .page-header {
66
+
67
+ margin: 0;
68
+
69
+ border: 0;
70
+
71
+ }
72
+
73
+ .page-wrap .content-wrapper {
74
+
75
+ padding-top: 15px;
76
+
77
+ padding-bottom: 15px;
78
+
79
+ background-color: #fff;
80
+
81
+ }
82
+
83
+ .page .page-wrap .content-wrapper,
84
+
85
+ .single .page-wrap .content-wrapper {
86
+
87
+ padding: 30px;
88
+
89
+ }
90
+
91
+ .page-template-page_front-page .page-wrap .content-wrapper {
92
+
93
+ padding-top: 0;
94
+
95
+ padding-bottom: 0;
96
+
97
+ background-color: transparent;
98
+
99
+ }
100
+
101
+ /*--------------------------------------------------------------
102
+
103
+ Asides
104
+
105
+ --------------------------------------------------------------*/
106
+
107
+ .blog .format-aside .entry-title,
108
+
109
+ .archive .format-aside .entry-title {
110
+
111
+ display: none;
112
+
113
+ }
114
+
115
+
116
+
117
+
118
+
119
+ /*--------------------------------------------------------------
120
+
121
+ Layout
122
+
123
+ --------------------------------------------------------------*/
124
+
125
+ .aside-image {
126
+
127
+ padding: 0;
128
+
129
+ position: relative;
130
+
131
+ }
132
+
133
+ .aside-image .image-container {
134
+
135
+ height: 100%;
136
+
137
+ overflow: hidden;
138
+
139
+ padding: 0;
140
+
141
+ position: absolute;
142
+
143
+ left: 0;
144
+
145
+ top: 0;
146
+
147
+ }
148
+
149
+ .aside-image .image-holder {
150
+
151
+ position: absolute;
152
+
153
+ top: 0;
154
+
155
+ left: 0;
156
+
157
+ width: 100%;
158
+
159
+ height: 100%;
160
+
161
+ background-size: cover !important;
162
+
163
+ z-index: 0;
164
+
165
+ background-position: 50% 50%;
166
+
167
+ }
168
+
169
+ .aside-image .content-wrap {
170
+
171
+ padding: 70px 0 70px 50px;
172
+
173
+ }
174
+
175
+ .aside-image.right .image-container {
176
+
177
+ left: auto;
178
+
179
+ right: 0;
180
+
181
+ }
182
+
183
+ .aside-image.right .content-wrap {
184
+
185
+ padding: 70px 50px 70px 0;
186
+
187
+ }
188
+
189
+ .error-wrap h1 {
190
+
191
+ font-size: 35px;
192
+
193
+ color: #ddd;
194
+
195
+ font-weight: 600;
196
+
197
+ margin: 0 0 40px;
198
+
199
+ line-height: normal;
200
+
201
+ }
202
+
203
+ .error-wrap h5 {
204
+
205
+ margin-top: 60px;
206
+
207
+ font-size: 18px;
208
+
209
+ font-weight: normal;
210
+
211
+ }
212
+
213
+ .error-wrap .error-search {
214
+
215
+ padding: 0 80px;
216
+
217
+ }
218
+
219
+ .error-wrap #search-form {
220
+
221
+ height: 50px;
222
+
223
+ margin-bottom: 17px;
224
+
225
+ position: relative;
226
+
227
+ width: 100%;
228
+
229
+ }
230
+
231
+ .error-wrap .search-input {
232
+
233
+ margin: 0;
234
+
235
+ width: 100%;
236
+
237
+ }
238
+
239
+ .error-wrap #search-submit {
240
+
241
+ height: 50px;
242
+
243
+ padding: 0;
244
+
245
+ position: absolute;
246
+
247
+ top: 0;
248
+
249
+ right: 0;
250
+
251
+ width: 120px;
252
+
253
+ border-radius: 0 3px 3px 0;
254
+
255
+ background: #443f3f;
256
+
257
+ border-color: #443f3f;
258
+
259
+ }
260
+
261
+ .error-wrap #search-submit:hover {
262
+
263
+ color: #fff;
264
+
265
+ }
266
+
267
+ /* Page sider */
268
+
269
+ #page-slider {
270
+
271
+ position: relative;
272
+
273
+ height: 250px;
274
+
275
+ }
276
+
277
+ .overlay {
278
+
279
+ position: absolute;
280
+
281
+ top: 0;
282
+
283
+ left: 0;
284
+
285
+ width: 100%;
286
+
287
+ height: 100%;
288
+
289
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
290
+
291
+ filter: alpha(opacity=70);
292
+
293
+ opacity: 0.7;
294
+
295
+ }
296
+
297
+ .page-wrap {
298
+
299
+ padding: 83px 0 100px;
300
+
301
+ clear: both;
302
+
303
+ }
304
+
305
+ .page-template-page_front-page .page-wrap {
306
+
307
+ padding: 0;
308
+
309
+ }
310
+
311
+ .entry-page p,
312
+
313
+ .entry-post p {
314
+
315
+ margin-bottom: 24px;
316
+
317
+ }
318
+
319
+ .entry-post img {
320
+
321
+ margin: 10px 0 20px;
322
+
323
+ }
324
+
325
+ .header-slider,
326
+
327
+ .owl-wrapper {
328
+
329
+ direction: ltr;
330
+
331
+ }
332
+
333
+ .header-slider,
334
+
335
+ .owl-carousel {
336
+
337
+ -webkit-transform: translate3d(0,0,0);
338
+
339
+ }
340
+
341
+
342
+
343
+ /*--------------------------------------------------------------
344
+
345
+ Blog
346
+
347
+ --------------------------------------------------------------*/
348
+
349
+ .content-area .post-wrap,
350
+
351
+ .contact-form-wrap {
352
+
353
+ padding-right: 20px;
354
+
355
+ }
356
+
357
+ .content-area .hentry {
358
+
359
+ position: relative;
360
+
361
+ padding-top: 50px;
362
+
363
+ padding-bottom: 20px;
364
+
365
+ }
366
+
367
+ .content-area .hentry:first-child {
368
+
369
+ padding-top: 0;
370
+
371
+ }
372
+
373
+ .content-area .hentry:after {
374
+
375
+ content: "";
376
+
377
+ position: absolute;
378
+
379
+ left: 0;
380
+
381
+ top: 0;
382
+
383
+ width: 30px;
384
+
385
+ height: 1px;
386
+
387
+ }
388
+
389
+ .content-area .hentry:first-child:after {
390
+
391
+ height: 0;
392
+
393
+ }
394
+
395
+ .hentry .post-content {
396
+
397
+ overflow: hidden;
398
+
399
+ }
400
+
401
+ .content-area .entry-thumb {
402
+
403
+ text-align: center;
404
+
405
+ margin-bottom: 30px;
406
+
407
+ }
408
+
409
+ .hentry .title-post {
410
+
411
+ font-size: 20px;
412
+
413
+ font-weight: 600;
414
+
415
+ line-height: normal;
416
+
417
+ padding-bottom: 10px;
418
+
419
+ margin: 0;
420
+
421
+ }
422
+
423
+ .hentry .meta-post {
424
+
425
+ margin-bottom: 20px;
426
+
427
+ }
428
+
429
+ .hentry .meta-post,
430
+
431
+ .hentry .meta-post a {
432
+
433
+ color: #5e5e5e;
434
+
435
+ font-size: 13px;
436
+
437
+ }
438
+
439
+ .hentry .meta-post span {
440
+
441
+ position: relative;
442
+
443
+ padding-left: 20px;
444
+
445
+ margin-right: 18px;
446
+
447
+ }
448
+
449
+ .hentry .meta-post .cat-links {
450
+
451
+ display: inline-block;
452
+
453
+ }
454
+
455
+ .hentry .meta-post span:before {
456
+
457
+ position: absolute;
458
+
459
+ left: 0;
460
+
461
+ top: 1px;
462
+
463
+ font-family: "FontAwesome";
464
+
465
+ line-height: normal;
466
+
467
+ }
468
+
469
+ .hentry .meta-post span.posted-on:before {
470
+
471
+ content:"\f073";
472
+
473
+ }
474
+
475
+ .hentry .meta-post span.byline:before {
476
+
477
+ content:"\f007";
478
+
479
+ }
480
+
481
+ .hentry .meta-post span.comments-link:before {
482
+
483
+ content:"\f086";
484
+
485
+ }
486
+
487
+ .hentry .meta-post span.cat-links:before {
488
+
489
+ content:"\f114";
490
+
491
+ top: 4px;
492
+
493
+ }
494
+
495
+ span.author.vcard {
496
+
497
+ padding: 0;
498
+
499
+ margin: 0;
500
+
501
+ }
502
+
503
+ .hentry blockquote {
504
+
505
+ background-color: #333;
506
+
507
+ color: #fff;
508
+
509
+ font-size: 16px;
510
+
511
+ font-style: italic;
512
+
513
+ line-height: 23px;
514
+
515
+ margin-bottom: 30px;
516
+
517
+ padding: 30px 35px;
518
+
519
+ position: relative;
520
+
521
+ }
522
+
523
+ .fullwidth {
524
+
525
+ width: 100%;
526
+
527
+ }
528
+
529
+ .error-404 {
530
+
531
+ text-align: center;
532
+
533
+ }
534
+
535
+ .error-404 .page-content p {
536
+
537
+ margin-bottom: 30px;
538
+
539
+ }
540
+
541
+ .masonry-layout {
542
+
543
+ width: 100%;
544
+
545
+ padding: 0;
546
+
547
+ }
548
+
549
+ .masonry-layout .hentry {
550
+
551
+ width: 360px;
552
+
553
+ margin: 15px;
554
+
555
+ padding: 0;
556
+
557
+ }
558
+
559
+ .masonry-layout .post-wrap {
560
+
561
+ padding: 0;
562
+
563
+ }
564
+
565
+ .masonry-layout .hentry:after {
566
+
567
+ width: 0;
568
+
569
+ height: 0;
570
+
571
+ }
572
+
573
+ /* Blog pagination */
574
+
575
+ .blog-pagination ul {
576
+
577
+ width: 100%;
578
+
579
+ text-align: right;
580
+
581
+ list-style: none;
582
+
583
+ }
584
+
585
+ .blog-pagination ul li,
586
+
587
+ .blog-pagination ul li a {
588
+
589
+ display: inline-block;
590
+
591
+ background-color: transparent;
592
+
593
+ width: 40px;
594
+
595
+ height: 40px;
596
+
597
+ line-height: 40px;
598
+
599
+ text-align: center;
600
+
601
+ }
602
+
603
+ .blog-pagination ul li {
604
+
605
+ margin-left: 3px;
606
+
607
+ }
608
+
609
+ .blog-pagination ul li.active,
610
+
611
+ .blog-pagination ul li:hover a {
612
+
613
+ color: #fff;
614
+
615
+ }
616
+
617
+ ```