Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第51回】カテゴリ記事一覧の文字サイズを変更する今回は、記事の末尾に掲載されるカテゴリ記事一覧の文字サイズを変更してみます。この部分は、Seesaaブログでは、.listCategoryArticleというクラスで定義されています。この部分は箇条書きとなっているので、HTMLの箇条書きを表すul要素、およびその中の個々の箇条書き部分を表すli要素の組み合わせで、CSSが定義されています。CSSでは、IDやクラスの中のHTML要素にのみスタイルを設定する場合、半角スペースを空けてそれぞれの要素を記載していきます。従って今回の修正対象は、.listCategoryArticleクラスの中のul要素の中のli要素なので、CSS上では以下の記述となっています。{}今回は、この中のfont-sizeプロパティを変更するわけです。liのfont-sizeプロパティの値を変更する。{font-size:13px;}このように変更すると、記事末尾のカテゴリ記事一覧の文字サイズがご覧のように変わります。▼▼▼なお、Seesaaブログのこねこ(左サイドバー)テンプレートのデフォルト設定では、この部分は小文字になっています。今回の修正では、記事本文の文字サイズと同じ大きさにしてみました。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。