how to center Page Copy

tgipson · 2016-03-24 11:24:10

How can I center the Page Copy in the Content/Description?
Thanks for your time and help!
Terry

rod barbee · 2016-03-24 12:10:10

either use inline styling or custom css.

Probably easier to use custom css if you're already set up for it.

For inline styling:

Place in the Page Copy (md) field:

<h2 style="text-align:center;">Your H2 heading text</h2>
<p style="text-align:center;">Your paragraph text</p>
<p style="text-align:center;">more paragraph text</p>

for the custom css route:

In Page Content (md) field:

<div class ="center-text">
<h2>Your heading</h2>
<p>Your paragraph</p>
<p>another paragraph</p>
</div>

In custom css:

.center-text p, .center-text h2 {
     text-align:center;
}

If I get time tomorrow I'll create a short tutorial on my ttg-tips site.

There's also an "alingcenter" class that Matt has included. But it has some bottom margin and is mainly for images, so you probably don't want to use that.
http://ttg-tips-and-tricks.barbeephoto. … s-ttg-ce4/

Matthew · 2016-03-24 17:27:39

rod barbee wrote:

There's also an "aligncenter" class that Matt has included. But it has some bottom margin is mainly for images, so you probably don't want to use that.

Yeah, that's definitely intended for images. It's inherited from WordPress, and is the class that WordPress assigns to an image when you use the Insert Media button and set an alignment therein.

tgipson · 2016-03-24 22:21:23

Thank you both for the help!

rod barbee · 2016-03-26 08:05:23

And here's a post about the various ways you can align text:
http://ttg-tips-and-tricks.barbeephoto. … ttg-pages/

Community @ The Turning Gate

#1 2016-03-24 11:24:10

how to center Page Copy

#2 2016-03-24 12:10:10

Re: how to center Page Copy

#3 2016-03-24 17:27:39

Re: how to center Page Copy

#4 2016-03-24 22:21:23

Re: how to center Page Copy

#5 2016-03-26 08:05:23

Re: how to center Page Copy

Board footer