center align text in the block

DW · 2016-01-09 09:17:42

How do you center align text in the block in CE4? In CE3 the alignment option is the second one down from the top in the block controls? I don't see alignment anywhere?
Also how do I turn off background color for pagination now? The option is no longer available?
Thank You for any help.

rod barbee · 2016-01-09 10:10:26

you'll need to use html and css. something like this in the Page Copy (md) field:

<div style="text-align:center">
<h2>Page heading</h2>
<p>Page text and words and stuff</p>
</div>

Or, better yet, assign a class, like this:

<div class="aligncenter">
<h2>Your page heading</h2>
<p>Your words and stuff</p>
</div>

the 'aligncenter' class is part of the ttg css and has 1.5 em of margin bottom. So if you don't want that bottom-margin then you should create a custom class for the text.

Also how do I turn off background color for pagination now? The option is no longer available?

The Pagination background color comes from the cell background color. One strategy is to uncheck the cell background color checkbox. then, to re-apply color to the thumbnail cells, use the Linear Gradient controls. You can set the two colors to be the same if you like.

Otherwise, you can control the Pagination background color with custom css.
If you haven't done it already, you'll need to enable phplugins site-wide: http://ce4.theturninggate.net/docs/doku … _phplugins
and then enable custom css: http://ce4.theturninggate.net/docs/doku … custom_css

DW · 2016-01-23 06:12:36

Thank You Rod I appreciate the help! Got the pagination background taken care of with your work around.
if I edit the css will this change the alignment site wide? or do i have to change it for every page? Its a large gallery with lots of pages. Any chance this will be reintroduced in an update? The reason I like the TTG plugins so much is because I don't have to edit css or html.
Thanks again for your help

Last edited by DW (2016-01-23 06:13:16)

rod barbee · 2016-01-23 06:39:41

if I edit the css will this change the alignment site wide? or do i have to change it for every page?

If you want to do this to all your pages it might be best to rewrite the class that's applying the styling to the block text to begin with. That way you won't have to update every single one of your gallery pages, replacing the current block text with new html markup that includes a custom class.
If you haven't done it already, you'll need to enable phplugins site-wide: http://ce4.theturninggate.net/docs/doku … _phplugins
and then enable custom css: http://ce4.theturninggate.net/docs/doku … custom_css
(unless you're using Publisher, this means exporting and uploading all your galleries again. Well, at least the index pages. If you're using Publisher, then you'd only need to export and upload the templates)

for instance, this will center align H1, H2, and P elements in all primary-content areas, not just those in galleries:

#primary-content h1, #primary-content h2, #primary-content p {
    text-align: center;
}

If you wanted to center text in the sidebars then do the same thing for #secondary-content.

If you want to target just pages that are made with CE4 Gallery, then you'll need to use the CE4--GALLERY G_STYLE identifier in phplugins to conditionally send a different custom.css file to those pages.
(an example of that can be seen in this post where I send different css to CRG galleries than I do normal galleries)

Any chance this will be reintroduced in an update?

no idea

Community @ The Turning Gate

#1 2016-01-09 09:17:42

center align text in the block

#2 2016-01-09 10:10:26

Re: center align text in the block

#3 2016-01-23 06:12:36

Re: center align text in the block

#4 2016-01-23 06:39:41

Re: center align text in the block

Board footer