How to use the new Tempera presentation page columns

Note: These instructions also apply to Nirvana.

Tempera introduced a new way of defining presentation page columns contents. This new method allows for an infinite number of columns (and hopefully better support for translation plugins).

The theme comes with 6 sample columns when no content is yet set. These 6 columns will disappear once you start adding your own content.

To get started, navigate to theme’s settings page, eg. Appearance > Tempera Settings.

tempera-ppcol1

Open the Presentation Page section to see all its options (make sure the presentation page itself is enabled if you intend to use the slider and/or columns). Scroll down to the Presentation Page Columns group of options.

tempera-ppcol2

A. The first (and most important) option is choosing the source for the columns content:

  1. manually defined content – Widget Columns
  2. automatically generated from:
  • latest posts from all categories
  • random posts from all categories
  • sticky posts from all categories
  • latest posts from a category
  • random posts from a category
  • specific posts (by IDs)

B. Defines the number of columns per row the theme should display. Add the right number of columns so they correctly divide to the value you set here. Also make sure your content fits if you set a large number of columns per row.

C. Lets you set the height of the column image. The width is dependent on the total theme width and the number of columns per row, so this is automatically computed. Remember these number when you create and upload your column images.

D. Defines the column button text.

Navigate to Appearance > Widgets.
Note the Cryout Column (E) widget and the Presentation Page Columns (F) widget area.

tempera-ppcol3

Drag and dropw a Cryout Column widget to the Presentation Page Columns widget area. This will open up the widgets field so you can start adding content to your first column.

tempera-ppcol4
  • Column image URL – type in manually or or select image from the Library. Respect the recommended image size or your columns will look wrong.
  • Column title – leave blank to hide
  • Column text – leave blank to hide
  • Column link – leave blank to hide
  • Check box to open the link in a new window/tab.

To make sure your posts are valid for columns content, check that the selected posts:

  • have a featured image set; the image should be correct size as set in the Columns settings
  • have a title (if you wish them to display a title)
  • have content (if you wish the content to be displayed as column text)

The columns will link to the posts themselves. There is currently no way to define custom links.

About Zed

The analytical mind behind Cryout Creations. Responsible for all the wires and tubes; dedicates most time to breaking stuff and finding bugs and never enough time to fixing things.
Tagged , , , , . Bookmark the permalink.

68 Responses to How to use the new Tempera presentation page columns

  1. Jane says:

    Hi,

    How can I create something like what you have on the Tempera FAQ (http://www.cryoutcreations.eu/tempera/tempera-faqs/) on my post pages? i.e. my readers have to click on a link to open a drop-down text. Sorry I’m not sure what it’s called. Thank you in advance.

  2. Asha Bastis says:

    Thank you for such a beautiful, and smooth theme.
    Is there a way to isolate the columns into 3 different rotations?
    Presently I have an ‘About Me’, ‘Gallery’, and ‘Blog widgets in place. I’d like to find a way to have each rotate images within their category – particularly the gallery widget.

    Thank you,
    Asha

  3. Marieke says:

    Hi, I have changed the column pics and have text in it when I hover over the pic. However, I can not find where I can add text to the column pics that will show underneath the pics like in your example and the ‘read more button’ does not appear. Can you please help me?

  4. Margus Amur says:

    I need to change the layout of FP columns.

    http://www.t-shirtstore.ee/temperapre.jpg

    1) how can I change padding around them? let’s say I have 3 columns – and they should be divided equally to same width as page itself / slider. On the pic – 1-2-3
    3) how can I add different width and height images? On the pic – 4-5-6 (different width at this time

  5. Mathieu says:

    Hi,
    I changed the height of the image size but it doesn’t change on the website?

  6. DaveB says:

    Using the cryout columns widgets on the presentation page and the content does not display in widescreen. And yet it’s fine when viewed on a mobile. content disappears as browser size gets larger. Odd

  7. For the sake of clarity please allow me to refer to the “widget columns” as gollywimples and refer to columns in the more conventional sense suck as columns of text or columns in a table.

    Is it possible to add more than four columns to the “presentation page columns” area? Specifically i would like to place more than four gollywimples in a horizontal row the magic number being six gollywimples in a/each horizontal row.

    Is there a means of accomplishing this simply or does it require custom coding?

    • Zed says:

      Having more than 4 “gollywimples” in a row requires code changes to the file rendering the presentation page. I’ll take a look at this and send you the file via support. But note the 6 will not be change-able ;)

      • TY Zed. I knew it was best to consult a certified expert in the field of gollywimplery!

        If you send me the snip to achieve 6 Gollywimples per row I should be able to change it in the future after seeing how the default and the patch are constructed side by side. If not I need a good kicking and will be sure to post a “good kicking” thread in the forum :)

        BY “support” are you meaning on an open ticket or will I see this in the E-mail?

  8. awdrep says:

    Hi i know how to configure cryouts widget columns. I have done it before. But when i updated the theme and wordpress to the current versions, i dont know why i am unable to add/see more than one image on the presentation page after that. Please help. I need the cryouts on my homepage back. My website is http://www.awdr.com.au

    • Zed says:

      Make sure all your extensions are updated and compatible with the latest WordPress. You could also look for JavaScript issues in your dashboard (press F12 in Chrome or Firefox to open the webdev tools).

  9. DGoss says:

    Love this theme and have been using it extensively.

    How much work would be involved in either allowing a site to have multiple presentation pages, or to allow the cryout column widgets on other pages?

    A current site I’m working on is using a presentation page as the home page, but I have a products page where I would love to use the cryout widget for each respective product (and as a link to that product’s page).

    What are your thoughts? And thank you.

  10. Hi:
    how can I disable curtain effect in cryout columns?
    Thans in advance

  11. Gary says:

    Having troubles adding cryouts. I was able to figure them out before and they appeared so perfectly. But when i deactivated and reactivated the theme, all the cryouts i had are saved but i am unable to add them all, not more than one. I am not given an option of rank 1,2, 3, … So i disabled it for a while until it’s fixed.

    And one more thing, the same things happens when i add widgets on all sidebar locations.

    I think there’s something bugs on the widgets page.

  12. Kim says:

    Great Setup! By far the easiest to use and navigate. I do have a problem with the customized cryout widgets and I’m not sure what I can do about it. In the presentation page, I have set them to 3 rows across” and when I save and visit the page, they are all in a vertical line. SOS!

    • Zed says:

      Hi. As you can see, your messages were not deleted (they were just awaiting moderation).
      You are no longer using the columns on your site, so I cannot see the issue. Could you enable them back?

  13. Toni says:

    This is a great theme, thank you. I am having an issue on the presentation page where I am using columns for posts. The feature photo comes up and when I hover it greys over but I think there should be the first 50 words of text there as a teaser but it’s just showing blank. Can anyone tell me what is causing this? Thanks.

  14. freekkeesen says:

    Is there any way to have more than 4 columns on the presentation page? Really need it. I’m willing to donate if helped.

    • Zed says:

      If you’re asking about Tempera, you can have any number of columns. If you’re asking about Parabola or Mantra, the number of columns is limited at up to 4. Adding more needs a lot of code changes.

  15. Hi all

    Great theme, but is there a way to use the Cryout Widgets in a 3*2 layout on a DIFFERENT page than the presentation page? Like a portfolio page..?

    So far I’ve been able to add them in “below content” or “above content” widget area on the standard template, but that always shows them as whole width and each additional one below the previous.

    Cheers, Susanne

  16. Kenda says:

    Could you all please fix the calendar code? Every time I update, I have to go back in there and fix it myself. Thank you.

  17. blutarskyster says:

    Amazing theme. One question: in the presentation page, although I will select one column per row, the theme will load two posts per row. Am I missing something?

  18. I got a problem on the presentation page in the middle of the slide and the widgets how can I insert a page with two columns, please reply :(

  19. Mitzi says:

    I read through all the comment threads here and didn’t see an answer to my question…so here goes. How (more accurately – WHERE) do I go to edit the LEAVE A REPLY area in the comment form? I can edit it when I view the inspect element tool panel on the site…unfortunately I cannot find it in the stylesheet or in the comment.php or theme comment.php file…After a few hours of this…I’m coming to the source…H E L P…many thanks in advance for your assistance

  20. Fee says:

    I love this template, well done. Is there a way to add text underneath the images in the columns, I have three columns each displaying image with read more, but would also like to put a paragraph under each of these in each column?

  21. Joe says:

    Coming back to my problem (that the presentation page columns are not showing x per row, but only ONE per row): Firefox, Opera and Google Chrome show one column per row, even if I have correctly chosen (in the Settings) 3 per row.

    BUT MS Internet Explorer show the results as wanted, that is, 3 per row.

    Any idea of what is causing this and how to correct it so that it is shown correctly on all other browsers, too? Thanks!

    • Joe says:

      Problem solved. As soon as I have removed a post that was appearing on the presentation page below the columns, they started to appear correctly, i.e. 3 per row.

  22. Joe says:

    AND:the hint “read more” at the column bottom is NOT showing up. Thanks!

  23. Joe says:

    Zed, the theme is excellent. However, I´m experiencing a problem with the columns.Even if I have chosen “3 columns per row”, the widget contents are being shown as “1 column per row”, that is, for (at the moment) e widgets, I see them in 3 different rows. Any idea of why this is happening?Thanks!

  24. Jeff says:

    I just do not understand how to (a) create a dedicated page that is (b) linked a column. Click the column widget, bring me to new page. It’s basic, I’m sure, but I just can’t figure this out. Please help.

  25. Stef says:

    Hi,
    I’m using the latest Tempera Theme and I’m wondering how it’s possible to translate the fields of the presentation page into different languages with WPML.
    Specially I’m trying to translate the upper titlte and text from EXTRAS-Section.
    Any help is appreciated.
    Thx
    Stef

  26. Hi, excellent theme!
    I have one problem — I’m using the columns for displaying random posts from one category, and I have more than enough posts for the columns always to be populated. What happens though is that I have never seen all ‘cells’ (from my standard 3×2, 6 elements setup) populated with content. My idea was to have one single row (3 elements), but it always picks up less than the necessary. Sometimes one, sometimes 2, sometimes even 4, but never 6. And when I had it configured to use 3 posts, it would never render all three.

    As I see it, as long as I have enough material, these should all be filled with content, right?

    Thanks
    Gus

  27. mariovirga says:

    Sarò ancora più chiaro. come rendere visibili i contenuti delle sidebar anche nella presentation page?
    Grazie

  28. mariovirga says:

    I can not put two side columns, one right and one left, from the slideshow to use as banner ads. Do you think you can?
    thanks

  29. Reggy says:

    I like your theme. Any way to make the columns percentage instead of px? When I have it show on a really wide screen, it has a gap between the main column and the right column (or left, etc). Thanks.

  30. Hi all!! How can I change the text of the cryout column button?
    (now it’s currently set to “read more”)

    Thanks a lot!!!
    btw, AMAZING theme!!! I love it!

  31. victor says:

    Hey guys,

    I’m liking the tempera theme, but have an issue. I tried to remove the comments section from the posts and pages through the theme settings, but to no avail.

    When I tried to find a way to do that in the php files, I ended up with this, “Fatal error: Cannot redeclare tempera_comments_off() (previously declared in /home/content/53/5647753/html/wordpress/wp-content/themes/tempera/includes/theme-comments.php:142) in /home/content/53/5647753/html/wordpress/wp-content/themes/tempera/includes/theme-comments.php on line 85″.

    I tried to go back and revert the change, but I’m stuck. Everything I click jumps to a blank page with that same message. Even the test site pages have that message. I tried to reload the theme and start from scratch, but I can’t even do that. Can you guys help with this?

  32. Angel Diaz says:

    Never mind, just found how to do that (using the cryout column and applying it to the presentation page columns) THANKS!

  33. Angel Diaz says:

    Hi, thanks for this great template. Is there a way I can show only media on this columns. For ex: I upload an image and I want to show that image only (or a group of images). Please help.

  34. christophdollis says:

    Also, fyi, I had to apply this custom CSS:

    table#wp-calendar th {
    text-align: center !important;
    }

    to get the days of the week to center align the same way as the numerical dates are.

  35. christophdollis says:

    Interestingly enough, columns is just what I came to talk to you about.

    Yesterday, I enabled your theme on a site I’m building, RealisticCompassionism.com, and I love it. I intended to just use it to test something and troubleshoot twenty fourteen — but nothing doing because Tempera is da bomb.

    However, I noticed on the Presentation Page (homepage), in the columns, the blockquote is broken. It doesn’t indent properly, which results in the large black quote image overlaying the blockquoted text.

    Any thoughts about what CSS add to fix it?

    Other than that, it’s wonderful!

    P.S. Unrelated: Is there any way this or another theme can both be responsive and fluid? I.e., full page width that adjusts to the size of the browser, but still does all that responsive mojo on a mobile device?

Leave a Comment