文字数がバラバラなので理想のようになりにくいと思いますよ。

センタリングしたいのか、行頭だけを揃えたいのか。よくわかりません。

• あと記事entry-contentにある『段落だけ』を装飾したいって事ですか？
• PC上でのみご覧になってますが、スマホ上では表示が変わると思います

どうしたいか具体的に言っていただいたうえで、該当URLをご提示いただけますか。

キャプチャ画像の中でいうと、どの部分を中央寄せするのでしょうか？
「コンテンツの中身より～麻痺してしまったようです。」の部分でしょうか。

具体的に説明できず申しわけございません。

画像の通り左右の余白が均等で、文章や見出しが中央に集まっているこのような状態にしたいです。

今自分が書いている記事の画像です。

画像の通り、左の余白は少なく、右の余白が多すぎる状態になっています。

文字や構成をそのまま全体を右にずらして余白を均等にし、真ん中に集めたいです。

具体的に説明できず申しわけございません。

画像の通り左右の余白が均等で、文章や見出しが中央に集まっているこのような状態にしたいです。

 

.entry-content {
	text-align: center;
}

https://gyazo.com/b71289c6862b534a601821c55a4b1ad7

こういう事ですか？？？

画像先のリンク

https://wp-cocoon.com/blogcard-types/

今自分が書いている記事の画像です。

画像の通り、左の余白は少なく、右の余白が多すぎる状態になっています。

文字や構成をそのまま全体を右にずらして余白を均等にし、真ん中に集めたいです。

見出しかな？

下にボーダーがあるところ

大きくはみ出してるのが原因だと思います。子テーマのCSSなどさわっているのであれば、一度記載を削除して保存すれば普通に表示されると思います。

普通に表示されたら、子テーマのCSSが原因だった。ってことですかね。

囲みブログカードは全く僕の悩みと関係ないと思います。

画像の通り、黒の２本の縦線の間で文字をかいて縦線以外の左右のスペースは何も書かれていない余白にしたいだけです。

そのために具体的にどのような順序で編集するのかを教えていただきたいです。

ブログ初心者なのでわかりやすく教えていただけると助かります。

よろしくお願いいたします。

囲みブログカードは全く僕の悩みと関係ないと思います。

そこだけをみないで＾＾；

イメージが伝わってないです。

具体的に説明できず申しわけございません。

画像の通り左右の余白が均等で、文章や見出しが中央に集まっているこのような状態にしたいです。

画像の通り、黒の２本の縦線の間で文字をかいて縦線以外の左右のスペースは何も書かれていない余白にしたいだけです。

現状が以下画像ってことか？

チョット整理しただけです。

失礼しました。

そのようなイメージです

現状の記事がそちらです。

縦線をいれたのは理想を伝えたかっただけです

イメージが伝わってないです。

具体的に説明できず申しわけございません。

画像の通り左右の余白が均等で、文章や見出しが中央に集まっているこのような状態にしたいです。

何をされたいか考えてみたのですが。実際わかりません。メイン領域の幅を狭くして、その領域をセンタリングをしたいという事なのか？

もうしわけないですが、状態もやりたい事もイメージできません。

あと画像だけ見てても、HTML・CSSすら見えないのでなんとも言えない、また現状すら分かりません。

urlを置いてください。

不具合・カスタマイズ対象ページのURLを提示してください

***

考えてたら、書き込みがかぶってしまいました。URLをお願いします。

何のURLを置けばいいですか？　

僕のブログでしょうか？

不具合カスタマイズ対象ページはどこにありますか？

どこにあるかわからないので載せれないです

こちらが僕のブログのある記事の一部を切り取った画像です。

こちらの写真は先ほど送った写真の編集したものになります。

左右の余白が均等でないことがわかります

こちらの画像は理想を表す画像です。

縦線内に文章や見出しを入れて、左右の余白を均等にしたいです。

こちらの画像はとあるブロガーさんの記事を切り取った画像です。

この写真のように左右均等の余白があり、見出しや文章が真ん中に集まりきれいにまとまっています。

このような記事にしたいとおもっています

何のURLを置けばいいですか？　

僕のブログでしょうか？

そうですね。カスタマイズしたいサイトのURLです。

不具合カスタマイズ対象ページはどこにありますか？

どこにあるかわからないので載せれないです

サイトをお持ちではないですか？？

こちらの写真は先ほど送った写真の編集したものになります。

左右の余白が均等でないことがわかります

こちらは余白というより、文字列が短いからだと思いますよ。

長めの文字を入力したら、かわるので。

こちらの画像は理想を表す画像です。

縦線内に文章や見出しを入れて、左右の余白を均等にしたいです。

1カラムで設定されてるのかな？と思ったんですが、その情報はURLを置いていただけたら、すぐ分かるんですね。

どのような設定にされているかがサイト毎に違うのでカスタマイズのときはURLを置いてください。と言ってます。

こちらの画像はとあるブロガーさんの記事を切り取った画像です。

そうなんですね。勝手に画像をとって公開しているわけではない。と信じておこうと思います・・・

***

ザっと見た感じ

Cocoon設定・カラムタブから、コンテンツ幅を調整してみるのが良いかもしれません。

詳細が不明なため、一度お試しいただけますか。

　 https://yourplus.work

こちらが僕のブログになります。

コンテンツ幅というものをいじってみます

コンテンツ幅とコンテンツ余白幅はどのくらいの数値にすればいいですか？

こちらのページなどは、左右の余白が均等になっているように見えますが、もっと本文部分のカラム幅を狭くして均等にするということですか？
https://yourplus.work/1%e3%83%b6%e6%9c%88%e4%bd%8f%e3%82%93%e3%81%a7%e5%88%86%e3%81%8b%e3%81%a3%e3%81%9f%e3%83%a6%e3%83%8b%e3%83%83%e3%83%88%e3%83%90%e3%82%b9%e3%81%ae%e9%83%a8%e5%b1%8b%e3%81%ab%e4%bd%8f%e3%82%80%e3%83%a1

本文幅を狭くするだけであれば、以下のコードを子テーマのstyle.cssにコピペすればできるかと思います（左右均等は既になっているので）。

.wrap {
  width: 1000px;
}

ありがとうございます泣泣泣

これを求めていました

本当に丁寧にサポートいただきありがとうございました

現在設定されているカラム幅が2200pxになっているようなので、モバイルだとそのままCSSで指定した1000pxの横幅で表示されてしまうようです。

1000pxで設定するのであれば、以下のようにメディアクエリも追加する必要があるようです。

.wrap {
  width: 1000px;
}

@media screen and (max-width: 1004px){
  .wrap {
    width: auto;
  }
} 

PC大画面でいつも表示確認されてるようですが

ブラウザの画面を狭くした状態（モバイルでの見え方）も色々チェックしてみるのも良さそうですね。

ありがとうございます。

もし、もう少し余白の幅を広げる時は、１０００のすうじをへんこうすればよろしいでしょうか？

またかぶったようですね＾＾

その数値を変更すればOKですが、半角で変更してくださいね。

width: 1000px;

試しに１０００から５００と２０００に変えてみたのですが元の大きさに戻ってしまいます。

どうすればよろしいでしょうか？

いそぎませんので空いた時間に対応いただけると幸いです

@media screen and (min-width: 1500px) {
  .wrap {
    width: 1500px;
  }
}

どうなってるかわからないけど、とりあえず。

min-width: 1500pxとwidth: 1500px;の数値は同じ。

先ほど変更しましたが、余白がなくなってしまいました

https://yourplus.work

余白がなくなってしまいました

上で何度もかいてるのですが、『余白』の認識がちがってるんですね。

文字列が短いページの事ですかね？

横幅を狭くすれば、余白がちょうどいいとおもわれますか？

********

余白ではないけど、余白だと思われているページのURLをください。

その『余白』といわれる段落をクラシックエディタなどにいれてdivで囲んで装飾したらと思います。

以下HTMLは<div となるように段落を詰めてください。

<

div class="hoge">

短めの文字列をいれる

<

/div>

その記事下にあるカスタムCSSに以下を追記する。※widthの数値は半角で好みの数値に変更してください。

.hoge {
	width: 700px;
	margin: 1.2em auto;
}

もし、もう少し余白の幅を広げる時は、１０００のすうじをへんこうすればよろしいでしょうか？

「余白の幅を広げる」ということは、本文カラム幅を狭くするということでよろしいでしょうか？

例として、800pxにするのであれば、以下のように書けば良いかと思います。

.wrap {
  width: 800px;
}

@media screen and (max-width: 804px){
  .wrap {
    width: auto;
  }
} 

こちらの方法を採用してうまくいかなかった場合は、上記コードのみを採用した状態で、もう一度サイトの状態を見せてください。

わいひらさんのもので変更したら理想になりました

わいひらさん、かうたっくさん　ありがとうございました

またわからないことがあれば’、お手数ですがよろしくお願いいたします。