サイト内の記事タイトルを2段にする方法

Q.記事タイトルの表示を2段にしたい

Galleryの記事タイトルに<br>を追加してもタイトルが2段になりません。どうすればよいでしょうか。

A.下記のphpファイルの該当箇所を編集します

編集するファイル:style_pc.css
下記のline-heightにて幅を設定しておりますので、下記の用に調整ください。

#gallery_list .title a { text-decoration:none; display:block; height:47px; line-height:47px; padding:0 20px; }

#gallery_list .title a { text-decoration:none; display:block; height:47px; line-height:20px; padding:0 20px; }

編集するファイル:index.php
タイトルには文字制限がありますので、下記のように変更してください。

 <h3 class="title"><a <?php custom_post_link(); ?>><?php trim_title(30); ?></a></h3>

 <h3 class="title"><a <?php custom_post_link(); ?>><?php trim_title(60); ?></a></h3>

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事