customize page question?

[Former Member]

Hi everybody,
on my customize page where you enter the title in the html box, it always aligns left. The [] & <> don't work to center it. So is it not possible to center these titles as shown in the attachment?  

[Tressa]

Don't know if this is the correct way, but this works to center everything in each zone. Edited the custom page HTML. I used a different layout, but you can see where I added centering for each zone.

<div style="float: left; width: 33%;">
<div align="center">$[zone_1]</div>
</div>
<div style="float: left; width: 67%;" align="center";>
<div style="padding-left: 10px; padding-right: 5px;">$[zone_2]</div>
</div>
<br style="clear: both;" />

[Former Member]

I have centered everything but the titles. It's centering the title as shown in the attach I am stumped with?

[Brian]

Hi, @jenant.

When editing your custom page, click on the HTML tab. Add this to the top of the page's HTML.

<style type="text/css">
    .pbcpe-zone.container .title-bar { text-align: center; }
</style>

This should center every title bar within the custom page's contents.

[Former Member]

Your advice has come up trumps yet again for me, fantastic Brian thank you

[Former Member]

It works great on my ant links page, but refuses to work on the homepage customize page, strange?

[Brian]

Try this instead. It's a little less picky.

<style type="text/css">
    .pbcpe-zone .title-bar { text-align: center; }
</style>

[Former Member]

Thank you Brian now that one did work on the home page!!