• 記事の、画像や文章等のコンテンツと外枠の間の余白のサイズ変更は、どうすればいいでしょうか。
    こんな感じに、余白を小さくしたいですhttp://mylifeisaverage.com/ http://hokuwo.de/
    特定の投稿記事だけ、余白を小さく出来ればと思っています。

    私が使っているsuffusionテンプレートの場合、以前はどうも管理画面で「Sizes and Margins 」という項目があり変更が可能だったようなんですが、私が使っている今のバージョンでは、よくわかりませんでした。(http://uraula.org/2010/02/15/30/)
    もしcssで変えるのであれば、どこを変えれば良いでしょうか。

    どうかよろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • bakaboneさん、こんにちは。

    外枠のCSS設定はstyle.cssの245~251行目にあるようですね。

    #wrapper {
    	width: 1000px;
    	margin: 20px auto;
    	position: relative;
    	border: 1px solid #008000;
    	background-color: #EDF3E6;
    	padding: 10px;
    }

    上記のpaddindの値を小さくすれば全ページの外枠とコンテンツの余白は小さくなると思います。

    「特定の投稿記事だけ、余白を小さく」との事なので、
    header.php 70行目の

    <div id="wrapper" class="fix">

    を、

    <div id="wrapper" class="fix"<?php if(is_single('ページID')): ?> style="padding: 5px"<?php endif; ?>>

    にしてみてはどうでしょうか?

    トピック投稿者 bakabone

    (@bakabone)

    ryu263さん、
    ご返答ありがとうございます(週末少し体調を崩しレスが遅くなってすみません)。

    件のpaddingの値を、10px →ゼロにしてみたのですが、意図していた様な、投稿画面内での文字や写真の周囲の余白は縮まず(この位にしたかったのですがhttp://hokuwo.de/)
    投稿画面の枠線と、その外側の背景の枠線の間が、10px 程あったのが、くっついてしまいました。
    私の間違いでしょうか・・・

    現状、タイトルや投稿者名その他をSuffusionのオプションで消した状態で、写真やテキストの上の余白が40pxくらい、下の余白が100pxくらいあります。これを縮められればと思っております。

    bakaboneさん、こんにちは。

    すみません、勘違いをしていました。
    記事の枠と全体を囲む枠との余白かと思っていました。

    記事と記事の枠との余白は、
    style.cssの735行目、

    .post, article.page {
    	border: 1px solid #c0c0c0;
    	background: #FFF;
    	padding: 25px 15px 1em 15px;
    	clear: both;
    	overflow: hidden;
    	margin-bottom: 10px;
    }

    paddingの数値を変更してはどうでしょうか?

    ちなみにこのデフォルトのCSSは、
    余白上部は25px、余白下部は1em なので、
    40pxや100pxはデフォルトの数値とかけ離れていますね。
    半角スペース等、余分なものは入っていませんか?

    トピック投稿者 bakabone

    (@bakabone)

    ありがとうございます。
    ご指示の通り、paddingの値を変えて余白は縮まりました!

    あと、特定の記事だけ、記事と記事の枠との余白を変えるのは可能なのでしょうか。
    もしご存じであれば・・・。

    記事上部の余白は、paddingをゼロにするとだいぶ縮まるので問題ないのですが、記事下部の余白が、まだ原因不明です。
    余分なスペースや、改行等はしていません。

    Suffusionのオプションで、投稿日や投稿者名などの表示を隠したのですが、もしかすると、表示が消えてもその分のスペースだけ残ってしまうなんて事があるのでしょうか?

    記事と記事の枠との余白の件ですが、
    例えばIDが1の記事の余白を調整したい場合、
    style.cssの最終行に下記を追加してください。(paddingの数値はお好みで)

    article.post-1 {
    	padding: 5px;
    }

    > もしかすると、表示が消えてもその分のスペースだけ残ってしまうなんて事があるのでしょうか?

    Suffusionのオプションを試していないのですが、可能性はあるかもしれませんね。
    実際のサイトが見れないので推測ですが…。
    ちなみに、
    投稿日と投稿者名の非表示でしたら下記で非表示にできると思います。

    .post-footer {
    	display: none;
    }

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「記事の余白の大きさを変えたい」には新たに返信することはできません。