Simplicityでタイトルロゴ(画像)を左寄せにする方法(余計な左余白を無くす)

こんにちは。部長ナビ(@nabi_1080)です

当ブログは無料テーマ「Simplicity」をカスタマイズしまくっております。今日も行ってみよう!

スポンサーリンク

今回のお題は、常連さん、スタッフによる「タイトルロゴの左余白が気になる」という超絶細かいオーダー

結構来たのがコレ、「nabi1080.com」の左余白が気になるんだってさ・・・

スクリーンショット 2016-08-10 04.32.29

うーん。確かに「nabi1080.com」の左に余白があるよね

ちなみに、読者(ご新規さん)から必ず聞かれるのが「with Pってなんですか?」って質問です。これ、毎日5通以上応えてます。だから、消すことにしました。自己紹介見れば分かりますよね・・・。もう、メッセージの返信が大変で大変で・・・。スイマセン。

調べて、コードブチ込んだらできた。タイトルの左寄せをロゴにも適用できた感じ

タイトルって、タイトルとタイトルロゴと2つあります。自分で選べるので、Simplicity使ってるサイトでも、タイトル(文字)のサイトと、ウチのようにロゴのサイトがあるんですね

で、ググると「タイトル」は出てきますが「タイトルロゴを左寄せ」は出ませんでしたので、色々いじってやってみたらできましたのでご紹介

style.css(子テーマ)にこちらをブチ込んで下さい

これでイケます

ちなみに、ウチは「サイトの概要」は空欄にしてます。入力してません。サイトの概要まで左寄せにする場合は「サイトディスクリプション」ってコードで、margin-left:0;とかかなぁ?ちょっとやってみてくださいね

すると、こうなる

スクリーンショット 2016-08-10 04.51.52

ハイ、バッチリ左寄せ!イエーイ!

これで文句ないでしょ

まあ、でも、gori.me見ると、ちょっとタイトルロゴ左に余白あるのよ。ま、でも、いっか。うまくいったしね

現在は「with P」を外して、表型カテゴリ一覧を横長にしてみた。より、gori.meっぽくカスタマイズ!

Simplicity2カスタマイズ・タイトルロゴ右に表型の主要カテゴリリンクを挿入する方法
Simplicity2カスタマイズ・タイトルロゴ右に表型の主要カテゴリリンクを挿入する方法
こんにちは。WordPressテーマ「Simplicity」大好きの部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております...

↑これでやってみてください。Simplicityでもイケます

あとは、Ptengine見ながら、上のカテゴリ最新記事一覧、関連記事をいじる予定です。ここも色々ご意見いただいているので、ちょっと時間下さい。頑張りまーす

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索