デジモノ大好き+

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

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

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

page-top-button_imgs01

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

page-top-button_imgs04

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

style.cssを変更

差分はこんな感じです。

[crayon-5f91ecac39489412876950/]

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

page-top-button_imgs02

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

page-top-button_imgs03

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

スポンサーリンク

-WordPress
-, ,

関連記事

no image

Stinger8の記事タイトルをさりげなく装飾してみた。 [WordPress]

デフォルトもシンプルで文字のサイズも大きく見やすいのでいいんですが、せっかくなんで少し手を入れてみました。 こんな感じにしてみました。 デフォルトはこんな感じですよね。 変更した内容は センタリング …

AmazonJSの画像が表示されないときの回復方法 [WordPress]

AmazonJSはAmazonアソシエイトのリンクを張るときに投稿画面から商品検索ができ、しかもショートコードで貼り付けてくれて、さらに格好良く表示してくれるプラグインなので、ちょーおススメなプラグイ …

no image

Stinger8のタイトルとキャッチフレーズをセンタリングしてみた。 [WordPress]

Stinger8のタイトルとキャッチフレーズはデフォルトだと左寄せになります。 style.cssに追記するだけ style.css に以下を追記。 [crayon-5f91ecac4f6e75547 …

no image

STINGER8の幅を広げてみた。 [WordPress]

記事下広告のAdsenceをダブルレクタングルにしたかったので気持ち幅を広げてみました。 ただ単に広げればいいってもんでもないので、世間一般的なモニター解像度から目標となる幅を決めてみました。 国内に …

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

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