How to use the presentation page columns

Note: These instructions apply to Tempera and 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.

86 Responses to How to use the presentation page columns

  1. Mary says:

    Hello. Is there a way to place the columns below the first part?

  2. julie says:

    hey everyone
    i’m trying to upload a new theme on my blog called ‘nirvana’
    but when I try to edit anything and save, it just says error 404
    Not found Apologies but the you requested could not be found.
    Not sure what I’m doing wrong if anyone has had this problem I’d love to know how to fix it.

  3. ericandhappe says:

    How do i modify the text portion inside the columns? I need bullet points or sentence spacing. thank you

    • Zed says:

      The text entered on any area of the presentation page does not currently use the standard formatting that is present on other sections (like bullets, indentation, alignment). This was done to allow absolute control on the styling of the presentation page contents, but we may change it in a future update as we’ve got several requests for it.

  4. carlos says:

    Hola, gracias y enhorabuena por el tema. Estoy haciendome una web y cuando la paso a un mobil o una tablet se ve mal. como puedo arreglarlo? gracias.

    http://www.edsconcierge.com

  5. prasanna108 says:

    I just created my test website with the nirvana template. I made the home page a static page, set up the presentation page with widget columns then went into the widgets, added 3 cryout columns into the presentation columns section, then added content however when I go to my home page, it is just a blank page. What am I missing?

  6. ericandhappe says:

    How do I add spaces or bullet points to the ‘text’ portion inside the columns? Thanks

  7. Thank you so much for the theme! I’m very much enjoying it.
    http://www.clovisbookbarn.com/

  8. kelsheets says:

    Hello,

    I love your theme! Thank you.

    I am working on my presentation page and uploading images to the cryout columns but they are covered in grey and unreadable – it gets darker and lighter depending if I am hovering over it. I think this must be a setting but I can’t locate it.

    I appreciate your help!

  9. gtpdes says:

    Is there a way to insert video on the presentations page? on the space above the banner maybe?

  10. Anwar says:

    how can i make 5 column in a row. Its urgent…

  11. 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.

  12. 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

  13. 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?

  14. 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

  15. Mathieu says:

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

Leave a Comment