リストページの各項目位置を

  • このトピックには8件の返信、2人の参加者があり、最後にさやにより11年、 8ヶ月前に更新されました。
8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #18593
      さや
      ゲスト

      わいひらさん、いつもありがとうございます。

      リストページのタイトル、カテゴリ、アイキャッチ画像等の場所を
      変更したいのですが、どこをいじればよろしいでしょうか?

      よろしくお願い致します。

    • #18640
      アバター画像わいひら
      キーマスター

      まず、ブラウザで、スタイルを変更したい箇所を右クリックしてメニューを出します。

      メニューの中から、「要素の調査」みたいなメニューをクリックします。

      各ブラウザについでの方法は、以下に書いてあります。
      ブラウザ毎の「開発者ツール」の起動と知っておくべき要点 : logical error

      そして、ブラウザの下部に出てくるね、添付画像の赤枠部分を見れば、編集すべきCSSセレクタがわかると思います。

    • #18643
      さや
      ゲスト

      ありがとうございました。

    • #18674
      さや
      ゲスト

      わいひらさん、こんばんは。

      この項目の最初の位置は、どのファイルに書かれているのでしょうか?

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

    • #18675
      さや
      ゲスト

      わいひらさん、こんばんは。

      この項目の最初の位置は、どのファイルに書かれているのでしょうか?

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

    • #18678
      アバター画像わいひら
      キーマスター

      申し訳ないですが、「この項目の最初の位置」がどこのことを指しているのかよくわからないです。
      もう少し具体的に説明していただけると助かります。

    • #18727
      さや
      ゲスト

      わいひらさん、おはようございます。
      例えば、今日はシャンプーDAYが上にきて、その下に画像、その横に文章といった具合にしたいです。
      よろしくお願いします。

    • #18748
      アバター画像わいひら
      キーマスター

      この項目の最初の位置は、どのファイルに書かれているのでしょうか?

      それらのスタイルシートも書かれている位置は、最新版のSimplicity1.4.5でstyle.cssの以下のような部分になります。

      /************************************
      ** index.phpのリスト
      ************************************/
      #main .entry{
        clear:both;
        margin-bottom:40px;
        margin-right:10px;
      }
      
      .entry-thumb{
        float:left;
        margin-right:10px;
        margin-top:3px;
        margin-bottom:40px;
      }
      
      .entry-thumb img{
        border:0;
        width:150px;
        height:150px;
      }
      
      /*大きなサムネイル表示スタイルでのサムネイル*/
      .entry-large-thumbnail img{
        width: 320px;
        height: 180px;
      }
      
      .entry-content{
        margin-left:160px;
      }
      
      .entry .post-meta{
        text-align:left;
        margin: 7px auto;
      }
      
      .entry .post-meta a{
        color:#000;
      }
      
      .entry h2{
        margin-bottom:5px;
      }
      
      .entry h2 a{
        color:#333;
        font-size:24px;
        text-decoration:none;
        font-weight:bold;
      }
      
      .entry-title{
      
      }
      
      .entry-snippet{
        margin:0 0 5px 0;
        line-height:150%;
        color:#555;
      }
      
      .entry-read{
        margin:0;
      }
      
      .entry-snippet,
      .related-entry-snippet{
        word-wrap: break-word;
      }

      ここらへんのスタイルを変更すれば、位置を変更することができます。

    • #18753
      さや
      ゲスト

      ありがとうございます。
      早速、やってみます。

8件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)