Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

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

tgipson
Member
From: parker co usa
Registered: 2013-03-19
Posts: 153
Website

how to center Page Copy

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


just mucking my way through this stuff...
www.terrygipsonphotography.com

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,522
Website

Re: how to center Page Copy

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/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

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

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Re: how to center Page Copy

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.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

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

tgipson
Member
From: parker co usa
Registered: 2013-03-19
Posts: 153
Website

Re: how to center Page Copy

Thank you both for the help!


just mucking my way through this stuff...
www.terrygipsonphotography.com

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,522
Website

Re: how to center Page Copy

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


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

Board footer

Powered by FluxBB