Looking to customize the look of Project Panorama? There are a few easy methods of doing so.

Use the Built In Customizer

Screen Shot 2014-11-10 at 2.55.55 PM

Navigate to “Projects” and then “Settings” in the WordPress admin. Scroll down and you’ll see several color pickers allowing you to change the color scheme to match your brand. You can also upload your logo to brand all of your projects.

Use Custom CSS

Screen Shot 2014-11-10 at 2.52.04 PM

If you’re familiar with CSS you can navigate to “Projects” and then “Settings” in the WordPress admin. You can then scroll down to the bottom of the settings page and put custom CSS into the custom styling box. This will inject your styling onto the Project Panorama stylesheet, allowing you to customize the look even further.

Use Your Themes Templates

We do have an unsupported beta feature that allows you to use an existing theme template for Panorama projects. Because there are tens of thousands of themes you might need some custom CSS to optimize the display.

You can use your theme template by navigating in the WordPress admin to Projects > Settings and then clicking on the appearance tab.

There is an option called “Use Custom Template” that when selected will allow you to pick a page template from your theme. We highly recommend using a full width template to ensure the Panorama layout displays nicely.

Screen Shot 2015-10-20 at 7.10.29 PM

Create Your Own Custom Template

Screen Shot 2014-11-10 at 2.53.16 PM

If you’re comfortable working with HTML, CSS and JS you can customize the project template completely. Simply copy the single.php file from /wp-content/plugins/project-panorama/lib/templates/single.php into a “panorama” directory in your theme folder, i.e. /wp-content/themes/yourthemefolder/panorama/single.php. You can then edit and customize the template file as much as you’d like. Panorama will load YOUR single.php file instead of the default one, preserving updates into the future.

Use Our Custom Hooks

If you’re a developer you can use our hooks to build add-ons or customize the look.

psp_head()

In the head of the Panorama project template. Great for adjusting the styling of pages.

psp_before_essentials()

Before the first Panorama area containing the project title, description, dates and documents.

psp_after_essentials()

After the project summary area.

psp_before_progress()

Between the summary area and the total project progress.

psp_after_progress()

After the total project progress.

psp_between_progress_phases()

Between total progress and the project phases.

psp_between_phases_discussion()