1. Home
  2. Customization
  3. Advanced Appearance

Advanced Appearance

If you’re familiar with HTML, CSS and PHP you can completely change the look and layout of Panorama.

CSS Changes

Panorama intentionally prevents the loading of theme stylesheets, so if you’re looking to make some basic CSS changes you’ll need to do it through our custom CSS box found in Projects > Settings > Appearance > Custom Styling.

This will inject the styles into every page on Panorama allowing you to make the changes you need.

Using Your Theme Template

If you’d like Panorama to load within your theme’s template, you can turn on the beta (unsupported) “use custom template” feature in Projects > Settings > Appearance > General. You’ll need to select which template included in the theme you’d like to use, generally speaking the wider the template the better. If possible, select a template that doesn’t have any sidebars.

At this time this will only display the project pages within your themes template. We’re working on improving this feature, however it’s a challenge as there are tens of thousands of themes that all look different and offer differing levels of compatibility.

Creating Custom Templates

If you’re familiar with PHP, you can safely modify any area of Panorama by using template overrides. All of the Panorama templates are located in /wp-content/plugins/project-panorama/lib/templates if you copy a template and it’s respective folder structure into /wp-content/themes/yourtheme/panorama your new custom template will be used instead of Panoramas.

For example, if you wanted to modify the milestones area you’d copy /wp-content/plugins/panorama/lib/templates/projects/milestones/index.php to /wp-content/themes/yourthemefolder/panorama/projects/milestones/index.php. You can then make whatever changes you’d like to said template and it will be loaded instead of the one bundled in core. This way you don’t have to worry about your changes getting lost when you upgrade Panorama.

Updated on December 19, 2018

Was this article helpful?

Related Articles