サポート » インストール » スタイルシート(style.css)の幅(width)の変更の仕方について

  • 解決済 sato1222

    (@sato1222)


    初めまして、質問よろしくお願いします。
    style.cssの変更を行おうと思いまして、何度もチャレンジしましたが出来ず、こちらに投稿しました。

    以下のテンプレート(ブログとウィジェットの二列タイプ)
    Theme Name: Librio
    Author: Deniart
    Librioggerthemes.blogspot.com/2009/02/librio.html
    をインストールして、ブログの部分の幅とウィジェット部分の幅の変更を行いたいと思い、
    テーマの編集から、スタイルシート(style.css)を選び、これかなと思われる、
    container {
    width: 800px; → 700px
    content {
    width: 600px; → 600px
    など変更を行いましたが、どうもうまくいきません。どの部分を直すことで、ブログの幅を変更できますでしょうか? containerやcontentを変更することは、どこの長さが変更になるのでしょうか?
    またpxとはセンチに直すとどれくらいの長さなのでしょうか?

    お時間のある時にお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター jim912

    (@jim912)

    sato1222さん、こんにちは。

    全体の表示幅を変えずに、記事の表示幅を狭くし、サイドバーの幅をその分広くするとした場合、下記の作業にて変更が可能です。

    • #contentのwidthを修正
    • #sidebarのwidthを修正
    • #container #wrapperのbackgroundで指定されている画像、sidebar-bg.gifを変更した幅に合わせて修正
    • #sidebar .blockのbackgroundで指定されている画像、sidebar-block-bg.gifを変更した幅に合わせて修正
    • ウィジェットを利用していない場合、Authorのベタ書きメッセージやら画像のstyleで指定されているwidthなども適宜修正

    それからpxのサイズですが、閲覧環境のモニタの大きさと表示解像度により変わってしまいますから、センチに直すというのは無意味なことです。

    P.S. ご質問の内容ですと、投稿されるカテゴリーはテーマの方が適当だと思います。

    トピック投稿者 sato1222

    (@sato1222)

    jim912さん

    返信ありがとうございます。アドバイス頂いたように訂正しましたら、無事に解決しました。
    大変助かりました。

    カテゴリーの件ですが、間違えに気づいて訂正しようとしたのですが、投稿後の削除の仕方が分からなかった為そのままに投稿させていただきました。以後気をつけます。ご指摘ありがとうございます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スタイルシート(style.css)の幅(width)の変更の仕方について」には新たに返信することはできません。