トップページサムネイル大の記事間の余白と日付の移動

PR 2015/2/14

このトピックには8件の返信、2人の参加者があり、最後にりおにより11年、 6ヶ月前に更新されました。

8件の返信スレッドを表示中

投稿者

投稿
- 2015年2月9日 10:50 AM #20052
  りお
  ゲスト
  お世話になっております。
  
  下記を参考にして、
  http://wp-simplicity.com/suport/topic/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB%E3%82%AB%E3%83%BC%E3%83%89%E8%A1%A8%E7%A4%BA%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/#post-1436
  
  レイアウトの設定をサムネイル大で、カテゴリーと本文冒頭or抜粋部分を非表示にしました。
  
  質問1・サムネイル大の下の余白が開きすぎてしまったので余白の調整をしたい。(縮めたい)
  質問2・サムネイルの上に日時を移動したい。色も変更したい。
  
  お手間お掛けしますが、宜しくお願い致します。
  Attachments:
  top.jpg
- 2015年2月9日 4:38 PM #20098
  わいひら
  キーマスター
  ①余白ではなく全体の縦幅を変更する必要があります。
```
#main .entry {
    width: 320px !important;
}
```
  ②日付の位置は、HTML要素がその位置になっているので、位置はスタイルで無理やり移動しなければなりません。
  positionプロパティーを利用して、移動させてみてください。
- 2015年2月10日 9:48 AM #20154
  
  りお
  ゲスト
  
  わいひら様
  
  ご返答ありがとうございました。
  
  質問1・縦幅の変更をしたかったのでheight: 320px !important;で指定しました。
  
  質問2・私の知識ではまだ少し難しいです。positionに関してはスタイルシートリファレンスやネットで調べて何とか理解が出来ました。移動する元の記述が分からないので教えて頂けますでしょうか？
  
  宜しくお願い致します。
- 2015年2月10日 7:49 PM #20198
  
  わいひら
  キーマスター
  
  >質問2
  書いて、試してみたコードなどがあれば貼り付けてもらってよろしいでしょうか？
- 2015年2月12日 5:25 PM #20419
  
  りお
  ゲスト
  
  わいひら様
  
  ご返答ありがとうございます。
  
  質問2の件ですが、どこのファイルのコード（記述）をいじって良いものか検討も付かず、全く分かりませんでした。教えて頂けますでしょうか？宜しくお願い致します。
- 2015年2月13日 1:43 PM #20561
  
  わいひら
  キーマスター
  
  カスタマイズ対象ソースを確認したいので、カスタマイズ対象のページのURLを貼り付けてもらってよろしいでしょうか？
- 2015年2月14日 5:04 PM #20830
  
  りお
  ゲスト
  
  わいひら様
  
  ご返答ありがとうございます。
  
  http://atsuto-fight.net/
  
  です。宜しくお願い致します。
- 2015年2月14日 5:49 PM #20846
  わいひら
  キーマスター
  テンプレートは変更しないので、CSSで無理やりになるんですが、こんな感じで設定するとできるかと思います。
```
#main .entry {
    padding-top: 23px;
    position: relative;
}

.entry .post-meta {
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
```
- 2015年2月14日 8:38 PM #20856
  
  りお
  ゲスト
  
  わいひら様
  
  ご返答ありがとうございました。
  思い通りに配置できました。
  
  いつもいつもありがとうございます。
投稿者

投稿