『記事を読む』をボタン表示|Simplicity

シェアする

  • このエントリーをはてなブックマークに追加
記事を読む

トップページの記事を読むを装飾してみました。なんとなく(^o^)

色はグリーンで統一しています。目に優しいかと。
本当はピンクだとか、可愛らしく、いろいろと変えたいけど、あまりにやり過ぎるとゴチャっとしそうで。 今回は統一感を出しています。

スポンサーリンク

続きを読むボタンの装飾コード

マーク表示も面白いと思ったんですが、シンプルなボタン表記のサイトがあって、真似しました。

前記事の境界線と同じで、子テーマのスタイルシートに下記コードを追記します。

.entry-read a{
color:#fff;
font-size:14px;
background-color:#66CDAA;
border:1px solid #66CDAA;
border-radius:2px;
padding:3px 10px 3px 5px;
text-decoration:none;
}

.entry-read a:hover{
color:#fff;
background-color:#66CDAA;
border:1px solid #66CDAA;
}

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

トップへ戻る