webデザイナーのネット印刷活用術

年賀状やフォトブックなどネット印刷のブログ(いけだクオリティ)

仕事(webデザイン)

Affinger3でタイトル文字が長いと途中で折り返しになってしまう問題を解決

更新日:

バージョンアップしてますます便利になったアフィンガー

私も早速バージョンアップしてアフィンガーを使っています。

ちょっと覚え書き

タイトルのテキストが長いと、途中で折り返されてしまい見た目が悪い・・・

で、ちょっと調べてcssを変更しました。

変更方法

外観→テーマの編集で「スタイルシート」を選択。

「ヘッダーコンテンツ」の箇所に#header-lがあるので、

そこのmax-width:300px;をmax-width:100%;に変更すると、

折り返しがなくなり一行で表示されるようになります。

#header-l {
float:left;
max-width:100%;
}

アフィンガー3でタイトルが折り返されてしまう

※場所はかなり最後の方です。
Macの方は「Command(アップル)」キーと「F」キーでページ内検索すると簡単に見つけられますよ。
Windowsの方は「Ctrl」+「F」で。

ENJIさん(制作者)のソースは見やすいので変更もしやすいです。

これで無料ですもん、有り難いです ^ ^

その他のWordPressテーマ

今回はアフィンガーの他に、定番のスティンガーもバージョンアップ。

それから、コーポレートサイトにも使える「micata(ミカタ)」も公開されました。

仕事でも使えそうです。

wpテーマmicata

http://manualstinger.com/

-仕事(webデザイン)

Copyright© 年賀状やフォトブックなどネット印刷のブログ(いけだクオリティ) , 2018 All Rights Reserved.