Skip to end of metadata
Go to start of metadata

I've been working through the tutorials, just to get a feel for how things work in theme builder. I started working on my own theme. For the layout, I selected everything. In my title area, I'm trying to add a table that will display the recently updated items.

Nothing I do seems to center the table. I've tried to set a center align on the table, I've tried setting the layout in themebuilder to center alignment, but neither have any effect. If I set alignments in the table row, those seem to work. Setting the alignment in theme builder will align the text correctly, but the table itself remains fixed in the upper left corner.

The only way to sort of center it is to set the left and right nav areas to some large width and then set the title area to a fixed width, which looks centered, but isn't really that flexible.

Is there any way to center the content of the title area?

  • No labels

4 Comments

  1. Unknown User (gfraser)

    Have you tried wrapping it in the center macro?

  2. Unknown User (tsmori)

    Okay, I tried that and it didn't work. I tried changing my table to a panel and I'm not able to center that either.

    {center}
    {panel:title=Recently Updated|borderStyle=solid|borderColor=#ccc|titleBGColor=#F7D6C1|bgColor=#FFFFCE}
    {recently-updated-dashboard:dashboard|showProfilePic=false}
    {panel} 
    {center}
    

    The only method seems to be to set the title area to be 100% (or auto) width, and set the left/right nav areas to be fairly large, like 40% each, then the title area will expand to fill the middle area and will be centered.

    1. Select the page tab (thin strip at the bottom of the preview area) and set it's alignment to centre (assuming it has a fixed width)

  3. Unknown User (abbriste)

    My method for centering is:

    1. Page and Document panes are both set to position > align > horizontal > left.
    2. Document pane is set to width > auto.
    3. Page pane is set to my size > width > auto | and | size > max-width > 1000px. (set yours to whatever.)
    4. Under the Options tab set the Page Alignment to "Centre"

    This works pretty well for me. I don't think I left out any steps, or facts. I hope that helps.

    -AB