質問: 問題のこちらのサイトはです。 ※成人向けの内容ですが、広告ではありません。 詳細情報のページで、 商品名が左端に表示されます。これを中央に表示する方法をお教えください。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/6e79e2d6de8fe6cd15055b8d4a631c1a.jpeg) 利用テーマは こちら→masonic ーーーーーーーーーーー 教えて頂いたコードをもとに試した結果です。 ``` .blog-site-title { float: none; //floatで左寄せになっているのを解除 text-align: center; //まん中寄せに margin: 0; //margin-leftがかかっているので0に } ``` このコードを ・子テーマに追加 変化なし ・カスタマイズ>CSS追加にかく 変化なし ・親直接いじり ``` .blog-site-title { float: left; margin-left: 20px; } ``` ↓ ``` .blog-site-title { text-align: center; //まん中寄せに } ``` 変化なし
回答: Z-TALBOさんも書かれていますが、 text-alignでいけると思います。 ``` .blog-site-title { float: none; //floatで左寄せになっているのを解除 text-align: center; //まん中寄せに margin: 0; //margin-leftがかかっているので0に } ``` これでいけると思います。 デベロッパーツールで確認しながら調整すればわかりやすいと思います。 あと、テーマなど質問を初めて見る人がわかるように随時書かれて方がいいと思いますよ。 追記 !イメージ説明 デベロッパーツールで確認してみました。 キャッシュとかの影響かも知れませんので、一度、キャッシュをクリアしてみてください。