デジモノ大好き+

デジタルグッズ自腹レポ・Wordpress関連。+ バツ1おっさんのライフハック。

Stinger8のページトップボタンを目立たせてみた。 [WordPress]

投稿日:2018年8月13日 更新日:

page-top-button_imgs01

主張が強すぎるのもなんですが、あまりにも目立ってないので手を加えてみました。

page-top-button_imgs04

↑右端にあるこれね。
(わかりずらいので、囲ってみました。)

style.cssを変更

差分はこんな感じです。

#page-top {
	right: 20px;
}
#page-top a {
	background: #f3f3f3;
	color: #222;
	border: 1px #222 solid;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
}
#page-top a:hover {
	background: #222;

ボタンを丸くして右から少し離してみた。

page-top-button_imgs02

マウスオーバーは色を反転。

page-top-button_imgs03

テーマをいじる場合は、必ずバックアップをとり、自己責任で作業してください。
また、子テーマで作業するのが望ましいです。

スポンサーリンク

-WordPress
-, ,

関連記事

no image

Stinger8よく使う「h」タグを装飾してみた。 [WordPress]

ブログを書く上で、よく使うタグの一つが「h」タグではないでしょうか。 なので、カスタマイズしたくもなります。 デフォルトだとこんな感じです。 今回手を入れたのは、「h2」タグと「h3」タグ。 「h4」 …

no image

STINGER8の執筆者とコメントを非表示にしてみた。 [WordPress]

スパムが多いので、コメント欄を非表示にしてみた。 STINGER5は、CSSで非表示にできたんですけど、STINGER8はPHPをいじります。 single.php にある 執筆者: にコメントアウト …

ソネットブログからWordPressへ引っ越してみた。

ブログのコンテンツ自体は、エクスポート機能を利用すれば問題ないけど、画像の引っ越しは結構やっかい。 忘備録として残しておきます。 ブログ引っ越しの流れを確認しておきましょう。 目次 コンテンツのエクス …

Stinger8ページナビ「PREV」「NEXT」をカスタマイズしてみた。 [WordPress]

関連記事直下にある「PREV」「NEXT」を削除や非表示してるところもあるけど、サイト内リンクを削除してしまうのはもったいない。 せっかくなので、触ってもらえるようにカスタマイズしてみました。 今回手 …

Stinger8記事下のアドセンス広告を横並びにしてみた。 [WordPress]

Stinger8デフォルトのままアドセンスの記事下広告を入れると縦に2つ並んでしまうので、横並びにしてみました。 横並びするためには まずは、サイト幅を広げないとです。 というのもデフォルトのサイズは …