質問編集履歴

5

本当に丁寧にありがとうございます。これでいかがですか?

2017/04/11 17:34

投稿

mitsunori-k
mitsunori-k

スコア7

test CHANGED
File without changes
test CHANGED
@@ -58,9 +58,9 @@
58
58
 
59
59
  ```
60
60
 
61
-
61
+ ```
62
-
62
+
63
- ```/* Smaller than standard 980 */
63
+ /* Smaller than standard 980 */
64
64
 
65
65
  @media only screen and (max-width: 991px) {
66
66
 
@@ -180,10 +180,6 @@
180
180
 
181
181
  }
182
182
 
183
- ```
184
-
185
- ```
186
-
187
183
  @media only screen and (max-width: 1024px) {
188
184
 
189
185
  .slides-container .slide-item,
@@ -250,10 +246,6 @@
250
246
 
251
247
  }
252
248
 
253
- ```
254
-
255
- ```
256
-
257
249
  @media only screen and (max-width: 780px) {
258
250
 
259
251
  .roll-client .client-item img {
@@ -308,7 +300,9 @@
308
300
 
309
301
  ```
310
302
 
303
+ ```
304
+
311
- ``` /* All Mobile Sizes */
305
+ /* All Mobile Sizes */
312
306
 
313
307
  @media only screen and (max-width: 767px) {
314
308
 
@@ -532,10 +526,6 @@
532
526
 
533
527
  }
534
528
 
535
- ```
536
-
537
- ```
538
-
539
529
  @media only screen and (max-width: 320px) {
540
530
 
541
531
  .text-slider {
@@ -546,6 +536,30 @@
546
536
 
547
537
  }
548
538
 
539
+ /* 追加css */
540
+
541
+
542
+
543
+
544
+
545
+ .col-md-9 {
546
+
547
+ position: relative;
548
+
549
+ top: 25%;
550
+
551
+ right: 0;
552
+
553
+ bottom: 25%;
554
+
555
+ left: 20%;
556
+
557
+ width: auto;
558
+
559
+ height: auto;
560
+
561
+ }
562
+
549
563
  ```
550
564
 
551
565
  該当のコードです。 (html)
@@ -626,7 +640,7 @@
626
640
 
627
641
  ###試したこと
628
642
 
629
- 上記cssの後に,こちらを記入してみました。
643
+ 上記css末尾に,こちらを記入してみました。
630
644
 
631
645
  ```.col-md-9 {
632
646
 
@@ -662,4 +676,4 @@
662
676
 
663
677
  こちらが[ダウンロード先](http://athemes.com/theme/sydney/#)です。
664
678
 
665
- こちらが[問題の画像](http://https://i.gyazo.com/0925dcea87fd7e73d8c96357270ae32d.png)です。
679
+ こちらが[問題の画像](https://gyazo.com/0925dcea87fd7e73d8c96357270ae32d)、[画像2](http://https://gyazo.com/46de60bb6c23669fb6ca102c834009ff)、[画像3です。](https://gyazo.com/89ae70c7e3c5caf9b30da433fac026c2)

4

何卒よろしくお願いいたします。

2017/04/11 17:34

投稿

mitsunori-k
mitsunori-k

スコア7

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
 
16
16
 
17
- ###該当のソースコード
17
+ ###該当のソースコード(CSS)
18
18
 
19
19
  ```/* Media Queries
20
20
 
@@ -548,6 +548,80 @@
548
548
 
549
549
  ```
550
550
 
551
+ 該当のコードです。 (html)
552
+
553
+ ```
554
+
555
+ <div id="content" class="page-wrap">
556
+
557
+ <div class="container content-wrapper">
558
+
559
+ <div class="row">
560
+
561
+ <div id="primary" class="content-area col-md-9">
562
+
563
+ <main id="main" class="post-wrap" role="main">
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+ <article id="post-5" class="post-5 page type-page status-publish hentry">
572
+
573
+ <header class="entry-header">
574
+
575
+ <h1 class="title-post">動画制作事業</h1> </header><!-- .entry-header -->
576
+
577
+
578
+
579
+ <div class="entry-content">
580
+
581
+ <h3><span style="color: #ffffff;">コンセプトの策定からやらせていただきます。</span></h3>
582
+
583
+ <p><span style="color: #ffffff;">弊社は県内随一の夜間撮影能力を持っています。</span><br>
584
+
585
+ <span style="color: #ffffff;"> もちろん明るい場所での撮影も可能です。</span></p>
586
+
587
+ <p><span style="color: #ffffff;">TVCMからyoutube等のネット広告、更には社内や学内に配る動画作品まで</span><br>
588
+
589
+ <span style="color: #ffffff;"> 動画であれば何でもやらせていただきます。</span></p>
590
+
591
+ <p><div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="https://www.youtube.com/embed/smbmxL04-xs" frameborder="0" allowfullscreen="allowfullscreen" id="fitvid701968"></iframe></div></p>
592
+
593
+ <p><div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="https://www.youtube.com/embed/7dlBP-Y9QuI" frameborder="0" allowfullscreen="allowfullscreen" id="fitvid921242"></iframe></div></p>
594
+
595
+ </div><!-- .entry-content -->
596
+
597
+
598
+
599
+ <footer class="entry-footer">
600
+
601
+ <span class="edit-link"><a class="post-edit-link" href="http://mimic339.com/wp-admin/post.php?post=5&amp;action=edit">編集</a></span> </footer><!-- .entry-footer -->
602
+
603
+ </article><!-- #post-## -->
604
+
605
+
606
+
607
+
608
+
609
+
610
+
611
+ </main><!-- #main -->
612
+
613
+ </div><!-- #primary -->
614
+
615
+
616
+
617
+ </div>
618
+
619
+ </div>
620
+
621
+ </div>
622
+
623
+ ```
624
+
551
625
 
552
626
 
553
627
  ###試したこと
@@ -587,3 +661,5 @@
587
661
  こちらが[デモサイト](http://demo.athemes.com/sydney/)です。
588
662
 
589
663
  こちらが[ダウンロード先](http://athemes.com/theme/sydney/#)です。
664
+
665
+ こちらが[問題の画像](http://https://i.gyazo.com/0925dcea87fd7e73d8c96357270ae32d.png)です。

3

なんども申し訳ございません。ご指摘いただいた点再度訂正いたしました。どうかよろしくお願いいたします。

2017/04/11 17:01

投稿

mitsunori-k
mitsunori-k

スコア7

test CHANGED
File without changes
test CHANGED
@@ -54,11 +54,13 @@
54
54
 
55
55
  }
56
56
 
57
- }```
57
+ }
58
-
58
+
59
- ```
59
+ ```
60
-
60
+
61
+
62
+
61
- /* Smaller than standard 980 */
63
+ ```/* Smaller than standard 980 */
62
64
 
63
65
  @media only screen and (max-width: 991px) {
64
66
 
@@ -176,7 +178,9 @@
176
178
 
177
179
  }
178
180
 
181
+ }
182
+
179
- }```
183
+ ```
180
184
 
181
185
  ```
182
186
 
@@ -244,7 +248,9 @@
244
248
 
245
249
  }
246
250
 
251
+ }
252
+
247
- }```
253
+ ```
248
254
 
249
255
  ```
250
256
 
@@ -278,7 +284,9 @@
278
284
 
279
285
  h6 { font-size: 14px;}
280
286
 
287
+ }
288
+
281
- }```
289
+ ```
282
290
 
283
291
  ```
284
292
 
@@ -472,7 +480,9 @@
472
480
 
473
481
  }
474
482
 
483
+ }
484
+
475
- }```
485
+ ```
476
486
 
477
487
  ```
478
488
 
@@ -520,7 +530,9 @@
520
530
 
521
531
  }
522
532
 
533
+ }
534
+
523
- }```
535
+ ```
524
536
 
525
537
  ```
526
538
 

2

質問の仕方を丁寧に教えていただいてありがとうございます。ご指摘いただいた点再度訂正いたしました。どうかご教授ください。

2017/04/11 16:26

投稿

mitsunori-k
mitsunori-k

スコア7

test CHANGED
File without changes
test CHANGED
@@ -54,472 +54,486 @@
54
54
 
55
55
  }
56
56
 
57
+ }```
58
+
59
+ ```
60
+
61
+ /* Smaller than standard 980 */
62
+
63
+ @media only screen and (max-width: 991px) {
64
+
65
+ .site-header.fixed {
66
+
67
+ position: static !important;
68
+
69
+ }
70
+
71
+ .parallax {
72
+
73
+ background-size: cover;
74
+
75
+ background-attachment: scroll;
76
+
77
+ background-position: top center!important;
78
+
79
+ }
80
+
81
+ .roll-counter .numb-count {
82
+
83
+ font-size: 24px;
84
+
85
+ }
86
+
87
+ .masonry-layout .hentry {
88
+
89
+ width: 345px;
90
+
91
+ }
92
+
93
+ .header-wrap .col-md-8 {
94
+
95
+ padding: 0;
96
+
97
+ }
98
+
99
+ .last {
100
+
101
+ margin-bottom: 0 !important;
102
+
103
+ }
104
+
105
+ .margin-bottom-device {
106
+
107
+ margin-bottom: 50px;
108
+
109
+ }
110
+
111
+ .margin-top-device {
112
+
113
+ margin-top: 50px;
114
+
115
+ }
116
+
117
+ .content-area .post-wrap,
118
+
119
+ .contact-form-wrap {
120
+
121
+ padding-right: 0;
122
+
123
+ }
124
+
125
+ .contact-form-aside,
126
+
127
+ .sidebar {
128
+
129
+ margin-top: 50px;
130
+
131
+ }
132
+
133
+ .roll-icon-box {
134
+
135
+ margin-bottom: 30px;
136
+
137
+ }
138
+
139
+ .roll-promobox.aside-style,
140
+
141
+ .roll-promobox.aside-style .promo-wrap,
142
+
143
+ .roll-promobox.aside-style .promo-content,
144
+
145
+ .roll-promobox.aside-style .promo-controls {
146
+
147
+ display: block;
148
+
149
+ text-align: center;
150
+
151
+ width: 100%;
152
+
153
+ }
154
+
155
+ .roll-promobox.aside-style .title {
156
+
157
+ margin-bottom: 20px;
158
+
159
+ }
160
+
161
+ .roll-project.fullwidth .project-item {
162
+
163
+ width: 33.3%;
164
+
165
+ }
166
+
167
+ .footer-widgets .widget {
168
+
169
+ margin-bottom: 50px;
170
+
171
+ }
172
+
173
+ .text-slider-stopped {
174
+
175
+ top: 70%;
176
+
177
+ }
178
+
179
+ }```
180
+
181
+ ```
182
+
183
+ @media only screen and (max-width: 1024px) {
184
+
185
+ .slides-container .slide-item,
186
+
187
+ .panel-row-style {
188
+
189
+ background-attachment: scroll;
190
+
191
+ background-position: center !important;
192
+
193
+ }
194
+
195
+ .panel-row-style.mob-pad-0 {
196
+
197
+ padding: 0 !important;
198
+
199
+ }
200
+
201
+ .panel-row-style.mob-pad-15 {
202
+
203
+ padding: 15px 0 !important;
204
+
205
+ }
206
+
207
+ .panel-row-style.mob-pad-30 {
208
+
209
+ padding: 30px 0 !important;
210
+
211
+ }
212
+
213
+ .panel-row-style.mob-pad-45 {
214
+
215
+ padding: 45px 0 !important;
216
+
217
+ }
218
+
219
+ #mainnav {
220
+
221
+ display: none;
222
+
223
+ }
224
+
225
+ .btn-menu {
226
+
227
+ display: block;
228
+
229
+ }
230
+
231
+ .site-header {
232
+
233
+ position: static;
234
+
235
+ background-color: rgba(0,0,0,0.9);
236
+
237
+ }
238
+
239
+ .posts-navigation {
240
+
241
+ overflow: hidden;
242
+
243
+ margin-bottom: 30px;
244
+
245
+ }
246
+
247
+ }```
248
+
249
+ ```
250
+
251
+ @media only screen and (max-width: 780px) {
252
+
253
+ .roll-client .client-item img {
254
+
255
+ max-width: 100%;
256
+
257
+ }
258
+
259
+ .panel-grid-cell {
260
+
261
+ padding-left:15px !important;
262
+
263
+ padding-right:15px !important;
264
+
265
+ margin-bottom: 15px !important;
266
+
267
+ }
268
+
269
+ h1 { font-size: 32px;}
270
+
271
+ h2 { font-size: 28px;}
272
+
273
+ h3 { font-size: 22px;}
274
+
275
+ h4 { font-size: 18px;}
276
+
277
+ h5 { font-size: 16px;}
278
+
279
+ h6 { font-size: 14px;}
280
+
281
+ }```
282
+
283
+ ```
284
+
285
+ /* Tablet Landscape */
286
+
287
+ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
288
+
289
+ .parallax {
290
+
291
+ background-size: cover;
292
+
293
+ background-attachment: scroll;
294
+
295
+ background-position: top center!important;
296
+
297
+ }
298
+
57
299
  }
58
300
 
301
+ ```
302
+
59
- /* Smaller than standard 980 */
303
+ ``` /* All Mobile Sizes */
60
-
304
+
61
- @media only screen and (max-width: 991px) {
305
+ @media only screen and (max-width: 767px) {
62
-
63
- .site-header.fixed {
306
+
64
-
65
- position: static !important;
66
-
67
- }
68
-
69
- .parallax {
307
+ .posts-layout {
70
-
71
- background-size: cover;
308
+
72
-
73
- background-attachment: scroll;
74
-
75
- background-position: top center!important;
76
-
77
- }
78
-
79
- .roll-counter .numb-count {
80
-
81
- font-size: 24px;
309
+ max-width: 100%;
82
310
 
83
311
  }
84
312
 
85
313
  .masonry-layout .hentry {
86
314
 
87
- width: 345px;
315
+ width: 100%;
316
+
88
-
317
+ margin: 0 0 30px;
318
+
319
+ padding: 0 15px;
320
+
89
- }
321
+ }
322
+
90
-
323
+ .text-slider-section {
324
+
325
+ min-height: 190px;
326
+
327
+ }
328
+
329
+ .text-slider .maintitle {
330
+
331
+ font-size: 32px;
332
+
333
+ line-height: 1.1;
334
+
335
+ padding-bottom: 10px;
336
+
337
+ }
338
+
91
- .header-wrap .col-md-8 {
339
+ .text-slider .subtitle {
340
+
341
+ font-size: 16px;
342
+
343
+ line-height: 24px;
344
+
345
+ padding: 15px 0;
346
+
347
+ }
348
+
349
+ .roll-button {
350
+
351
+ padding: 10px 30px;
352
+
353
+ }
354
+
355
+ .roll-project .project-item {
356
+
357
+ width: 100%;
358
+
359
+ }
360
+
361
+ .roll-project.fullwidth .project-item {
362
+
363
+ width: 50%;
364
+
365
+ }
366
+
367
+ .roll-counter {
368
+
369
+ margin-bottom: 50px;
370
+
371
+ }
372
+
373
+ .single-post .author-post .author-avatar {
374
+
375
+ float: none;
376
+
377
+ margin-bottom: 20px;
378
+
379
+ }
380
+
381
+ .single-post .author-post .author-info {
382
+
383
+ margin-left: 0;
92
384
 
93
385
  padding: 0;
94
386
 
95
387
  }
96
388
 
97
- .last {
98
-
99
- margin-bottom: 0 !important;
389
+ .single-post .author-post ul.socials {
390
+
100
-
391
+ position: static;
392
+
101
- }
393
+ }
102
-
394
+
103
- .margin-bottom-device {
395
+ .single-post .author-post .intro {
396
+
104
-
397
+ clear: left;
398
+
105
- margin-bottom: 50px;
399
+ padding-top: 10px;
106
-
400
+
107
- }
401
+ }
108
-
402
+
109
- .margin-top-device {
403
+ .comment-list .children {
110
-
404
+
111
- margin-top: 50px;
405
+ margin-left: 75px;
112
-
406
+
113
- }
407
+ }
408
+
114
-
409
+ .error-wrap .error-search {
410
+
411
+ padding: 0 20px;
412
+
413
+ }
414
+
115
- .content-area .post-wrap,
415
+ .aside-image .content-wrap {
116
-
416
+
117
- .contact-form-wrap {
417
+ padding-left: 0;
118
418
 
119
419
  padding-right: 0;
120
420
 
121
421
  }
122
422
 
123
- .contact-form-aside,
423
+ .social-menu-widget a:before {
124
-
125
- .sidebar {
424
+
126
-
127
- margin-top: 50px;
425
+ font-size: 42px;
128
-
426
+
129
- }
427
+ }
130
-
428
+
131
- .roll-icon-box {
429
+ .btn-menu {
430
+
132
-
431
+ float: none;
432
+
133
- margin-bottom: 30px;
433
+ margin: 15px auto 0;
134
-
434
+
135
- }
435
+ }
136
-
137
- .roll-promobox.aside-style,
436
+
138
-
139
- .roll-promobox.aside-style .promo-wrap,
140
-
141
- .roll-promobox.aside-style .promo-content,
142
-
143
- .roll-promobox.aside-style .promo-controls {
144
-
145
- display: block;
437
+ .header-wrap {
146
438
 
147
439
  text-align: center;
148
440
 
441
+ }
442
+
443
+ #mainnav-mobi {
444
+
445
+ top: auto;
446
+
447
+ }
448
+
449
+ .site-header.float-header {
450
+
451
+ padding-top: 20px;
452
+
453
+ padding-bottom: 20px;
454
+
455
+ }
456
+
457
+
458
+
459
+ .text-slider-section {
460
+
461
+ min-height: 0;
462
+
463
+ top: auto;
464
+
465
+ bottom: 0;
466
+
467
+ }
468
+
469
+ .site-title {
470
+
471
+ font-size: 22px !important;
472
+
473
+ }
474
+
475
+ }```
476
+
477
+ ```
478
+
479
+ /* Mobile Portrait Size */
480
+
481
+ @media only screen and (max-width: 479px) {
482
+
483
+ .roll-project.fullwidth .project-item {
484
+
149
485
  width: 100%;
150
486
 
151
487
  }
152
488
 
489
+ .blog-post,
490
+
491
+ .service,
492
+
153
- .roll-promobox.aside-style .title {
493
+ .sidebar-column {
154
-
494
+
155
- margin-bottom: 20px;
495
+ padding: 0;
156
-
496
+
157
- }
497
+ }
158
-
498
+
159
- .roll-project.fullwidth .project-item {
499
+ .roll-button {
160
-
500
+
161
- width: 33.3%;
501
+ font-size: 12px;
162
-
502
+
163
- }
503
+ }
164
-
504
+
165
- .footer-widgets .widget {
505
+ .text-slider .maintitle {
166
-
506
+
167
- margin-bottom: 50px;
507
+ font-size: 20px;
168
-
508
+
169
- }
509
+ }
170
-
510
+
171
- .text-slider-stopped {
511
+ .text-slider .subtitle {
172
-
512
+
173
- top: 70%;
513
+ font-size: 14px;
514
+
515
+ }
516
+
517
+ .text-slider {
518
+
519
+ margin-bottom: 15px;
520
+
521
+ }
522
+
523
+ }```
524
+
525
+ ```
526
+
527
+ @media only screen and (max-width: 320px) {
528
+
529
+ .text-slider {
530
+
531
+ margin-bottom: 0;
174
532
 
175
533
  }
176
534
 
177
535
  }
178
536
 
179
- @media only screen and (max-width: 1024px) {
180
-
181
- .slides-container .slide-item,
182
-
183
- .panel-row-style {
184
-
185
- background-attachment: scroll;
186
-
187
- background-position: center !important;
188
-
189
- }
190
-
191
- .panel-row-style.mob-pad-0 {
192
-
193
- padding: 0 !important;
194
-
195
- }
196
-
197
- .panel-row-style.mob-pad-15 {
198
-
199
- padding: 15px 0 !important;
200
-
201
- }
202
-
203
- .panel-row-style.mob-pad-30 {
204
-
205
- padding: 30px 0 !important;
206
-
207
- }
208
-
209
- .panel-row-style.mob-pad-45 {
210
-
211
- padding: 45px 0 !important;
212
-
213
- }
214
-
215
- #mainnav {
216
-
217
- display: none;
218
-
219
- }
220
-
221
- .btn-menu {
222
-
223
- display: block;
224
-
225
- }
226
-
227
- .site-header {
228
-
229
- position: static;
230
-
231
- background-color: rgba(0,0,0,0.9);
232
-
233
- }
234
-
235
- .posts-navigation {
236
-
237
- overflow: hidden;
238
-
239
- margin-bottom: 30px;
240
-
241
- }
242
-
243
- }
244
-
245
- @media only screen and (max-width: 780px) {
246
-
247
- .roll-client .client-item img {
248
-
249
- max-width: 100%;
250
-
251
- }
252
-
253
- .panel-grid-cell {
254
-
255
- padding-left:15px !important;
256
-
257
- padding-right:15px !important;
258
-
259
- margin-bottom: 15px !important;
260
-
261
- }
262
-
263
- h1 { font-size: 32px;}
264
-
265
- h2 { font-size: 28px;}
266
-
267
- h3 { font-size: 22px;}
268
-
269
- h4 { font-size: 18px;}
270
-
271
- h5 { font-size: 16px;}
272
-
273
- h6 { font-size: 14px;}
274
-
275
- }
276
-
277
- /* Tablet Landscape */
278
-
279
- @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
280
-
281
- .parallax {
282
-
283
- background-size: cover;
284
-
285
- background-attachment: scroll;
286
-
287
- background-position: top center!important;
288
-
289
- }
290
-
291
- }
292
-
293
- /* All Mobile Sizes */
294
-
295
- @media only screen and (max-width: 767px) {
296
-
297
- .posts-layout {
298
-
299
- max-width: 100%;
300
-
301
- }
302
-
303
- .masonry-layout .hentry {
304
-
305
- width: 100%;
306
-
307
- margin: 0 0 30px;
308
-
309
- padding: 0 15px;
310
-
311
- }
312
-
313
- .text-slider-section {
314
-
315
- min-height: 190px;
316
-
317
- }
318
-
319
- .text-slider .maintitle {
320
-
321
- font-size: 32px;
322
-
323
- line-height: 1.1;
324
-
325
- padding-bottom: 10px;
326
-
327
- }
328
-
329
- .text-slider .subtitle {
330
-
331
- font-size: 16px;
332
-
333
- line-height: 24px;
334
-
335
- padding: 15px 0;
336
-
337
- }
338
-
339
- .roll-button {
340
-
341
- padding: 10px 30px;
342
-
343
- }
344
-
345
- .roll-project .project-item {
346
-
347
- width: 100%;
348
-
349
- }
350
-
351
- .roll-project.fullwidth .project-item {
352
-
353
- width: 50%;
354
-
355
- }
356
-
357
- .roll-counter {
358
-
359
- margin-bottom: 50px;
360
-
361
- }
362
-
363
- .single-post .author-post .author-avatar {
364
-
365
- float: none;
366
-
367
- margin-bottom: 20px;
368
-
369
- }
370
-
371
- .single-post .author-post .author-info {
372
-
373
- margin-left: 0;
374
-
375
- padding: 0;
376
-
377
- }
378
-
379
- .single-post .author-post ul.socials {
380
-
381
- position: static;
382
-
383
- }
384
-
385
- .single-post .author-post .intro {
386
-
387
- clear: left;
388
-
389
- padding-top: 10px;
390
-
391
- }
392
-
393
- .comment-list .children {
394
-
395
- margin-left: 75px;
396
-
397
- }
398
-
399
- .error-wrap .error-search {
400
-
401
- padding: 0 20px;
402
-
403
- }
404
-
405
- .aside-image .content-wrap {
406
-
407
- padding-left: 0;
408
-
409
- padding-right: 0;
410
-
411
- }
412
-
413
- .social-menu-widget a:before {
414
-
415
- font-size: 42px;
416
-
417
- }
418
-
419
- .btn-menu {
420
-
421
- float: none;
422
-
423
- margin: 15px auto 0;
424
-
425
- }
426
-
427
- .header-wrap {
428
-
429
- text-align: center;
430
-
431
- }
432
-
433
- #mainnav-mobi {
434
-
435
- top: auto;
436
-
437
- }
438
-
439
- .site-header.float-header {
440
-
441
- padding-top: 20px;
442
-
443
- padding-bottom: 20px;
444
-
445
- }
446
-
447
-
448
-
449
- .text-slider-section {
450
-
451
- min-height: 0;
452
-
453
- top: auto;
454
-
455
- bottom: 0;
456
-
457
- }
458
-
459
- .site-title {
460
-
461
- font-size: 22px !important;
462
-
463
- }
464
-
465
- }
466
-
467
- /* Mobile Portrait Size */
468
-
469
- @media only screen and (max-width: 479px) {
470
-
471
- .roll-project.fullwidth .project-item {
472
-
473
- width: 100%;
474
-
475
- }
476
-
477
- .blog-post,
478
-
479
- .service,
480
-
481
- .sidebar-column {
482
-
483
- padding: 0;
484
-
485
- }
486
-
487
- .roll-button {
488
-
489
- font-size: 12px;
490
-
491
- }
492
-
493
- .text-slider .maintitle {
494
-
495
- font-size: 20px;
496
-
497
- }
498
-
499
- .text-slider .subtitle {
500
-
501
- font-size: 14px;
502
-
503
- }
504
-
505
- .text-slider {
506
-
507
- margin-bottom: 15px;
508
-
509
- }
510
-
511
- }
512
-
513
- @media only screen and (max-width: 320px) {
514
-
515
- .text-slider {
516
-
517
- margin-bottom: 0;
518
-
519
- }
520
-
521
- }
522
-
523
537
  ```
524
538
 
525
539
 

1

質問の仕方を丁寧に教えていただいてありがとうございます。ご指摘いただいた点はこういった内容でよろしいでしょうか?

2017/04/11 16:22

投稿

mitsunori-k
mitsunori-k

スコア7

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  ###該当のソースコード
18
18
 
19
- /* Media Queries
19
+ ```/* Media Queries
20
20
 
21
21
  -------------------------------------------------------------- */
22
22
 
@@ -520,13 +520,15 @@
520
520
 
521
521
  }
522
522
 
523
+ ```
524
+
523
525
 
524
526
 
525
527
  ###試したこと
526
528
 
527
529
  上記cssの後に,こちらを記入してみました。
528
530
 
529
- .col-md-9 {
531
+ ```.col-md-9 {
530
532
 
531
533
  position: relative;
532
534
 
@@ -542,7 +544,7 @@
542
544
 
543
545
  height: auto;
544
546
 
545
- }
547
+ }```
546
548
 
547
549
  また、floatさせright指定もしてみましたが、上記問題のように左側に余白が過剰にできてしまいました。
548
550
 
@@ -555,3 +557,7 @@
555
557
  cssなどの記入は善意の方のwebサイトを参考に色々試しましたが、うまくいっていません。
556
558
 
557
559
  どうかご教授願います。
560
+
561
+ こちらが[デモサイト](http://demo.athemes.com/sydney/)です。
562
+
563
+ こちらが[ダウンロード先](http://athemes.com/theme/sydney/#)です。