ｃｓｓ編集

  • 不明 のアバター
    kudaninfo · メンバー ·

    ｃｓｓをカスタマイズしたいので編集タグを教えてください。

    ●本文の幅をもう少し縮めたい
    ●カレンダーとサイドバーのテキストの幅をもう少し小さくして文字色を黒にしたい。

    これはできるかわかりませんが、タイトルが入る部分に自分で作ったタイトルの画像を入れる編集タグをいれることはできないでしょうか？
    画像の大きさは320×３２０くらいです。
    ヘッダー画像とは違います。
    Anthem のプレミアのテーマを購入した時にこのテーマは自分で作ったタイトル画像を入れることができたので同じ仕様にできればと思っています。

    わかる範囲で結構ですのでよろしくお願いいたします。

    ヘルプが必要なブログは (ログイン中のユーザーにのみ表示) です。

  • 不明 のアバター
    asazuki508 · メンバー ·

    ●本文の幅をもう少し縮めたい
    ●カレンダーとサイドバーのテキストの幅をもう少し小さくして文字色を黒にしたい。

    以下のCSSを追加すればうまくいくかもしれません。

    #content {
margin: 0 44% 0 7.6%;
width: 48.4%;
}

#secondary {
margin-right: 10.6%;
width: 15.8%;
}

    なお、私がみた限りだとカレンダーとサイドバーの文字色はすでに黒になっているように見えます。

    これはできるかわかりませんが、タイトルが入る部分に自分で作ったタイトルの画像を入れる編集タグをいれることはできないでしょうか？
    画像の大きさは320×３２０くらいです。

    可能だと思いますが、いろいろと試してみないとよくわかりません。アイディアとしては、たとえば、サイドバーにテキストウィジェットを設定して、そこから「position:absolute;」でヘッダー付近に画像を飛ばせばいいような気がします。

  • 不明 のアバター
    kudaninfo · メンバー ·

    お返事ありがとうございます！
    カレンダーとテキストの文字は現在グレーになっています。観るpcによってちがうのでしょうか？

    教えていただいたタグはどちらが本文の行の幅調整ができるでしょうか？

    サイドバーからヘッダーに近づけるアイディアやってみたいと思います。
    それもcss編集で近づけるということえしょうか？
    そちらの編集タグも教えていただければ幸いです

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

  • 不明 のアバター
    kudaninfo · メンバー ·

    追記：よくみたら見出しもグレーでした。黒に統一したいのですが・・・！！
    よろしくお願い致します！

  • 不明 のアバター
    asazuki508 · メンバー ·

    私が見ているサイトはこれですが、
    http://iifworks.wordpress.com/
    このサイトのCSS編集ではないのですか？

  • 不明 のアバター
    kudaninfo · メンバー ·

    すみません、関連ブログのアドレスを指定したのですが、表示はされないようですね＞＜
    こちらのブログですhttp://kyoside.wordpress.com/
    よろしくお願い致します！

  • 不明 のアバター
    asazuki508 · メンバー ·

    以下のCSSを貼ってみてください。 

    #sidebar {
color: black;
}

h1, h2, h3, h4, h5, h6 {
color: black;
}
.widget-area .widget {
width: 165px;
}

#header {
background-image: url("http://comemo508.files.wordpress.com/2012/01/rect3013.png");
background-repeat: no-repeat;
height: 330px;
}

.wf-active #site-title {
text-indent: -9999px;
}

.wf-active #site-description {
text-indent: -9999px;
}

    上の諸々の要望どおりに修正したつもりです。意図と違う感じでしたら、ご指摘お願いします。

  • 不明 のアバター
    kudaninfo · メンバー ·

    ヘッダー部分が何度やっても保存されませんでした＞＜
    ということは、タイトル画像の組み込みはできないということでしょうか？

    本文の行と行の間をもう少し狭めるにはどのタグを編集すればいいでしょうか？

    サイドバーは理想通りにできました！
    ありがとうございました！

  • 不明 のアバター
    asazuki508 · メンバー ·

    ヘッダー部分が何度やっても保存されませんでした＞＜
    ということは、タイトル画像の組み込みはできないということでしょうか？

    双方の情報の行き違いの可能性があるような気がするので、ここで整理させて下さい。
    ・途中までは、http://iifworks.wordpress.com/のCSSの修正との前提で説明しています。
    ・http://kyoside.wordpress.com/でのCSSの修正案は2012年1月31日 5:03 PMの投稿のとおりです。
    ・ヘッダー部分へのタイトル画像の組み込みについては、http://iifworks.wordpress.com/はテキストウィジェットの使用が手っ取り早いと思います。http://kyoside.wordpress.com/の場合は、カスタムCSSでのCSSの追加の方が手っ取り早いと思います。

    以上の前提のうち、どれかで理解の齟齬が生じていませんでしょうか？　私の方で舌足らずな部分が多いと思いますので、こうやって細かく聞いてもらえると助かります。

    本文の行と行の間をもう少し狭めるにはどのタグを編集すればいいでしょうか？

    以下のCSSを追加してみてください。 

    #entry-content p {
line-height: 16px;
}

    なお、WordPress.com のカスタムCSS機能には、自動的にCSSの記述を統合・整理する機能があるので、修正箇所にこだわる必要はありません。次から次に下からCSSを追加すればOKなようにできています。

  • トピック「ｃｓｓ編集」には新しい返信をつけることはできません。