Hi Nick,

Thank your for purchasing the Physio WordPress theme.

1. Maintenance mode

There is no maintenance mode in the Physio theme, we recommend to install this plugin for that. After installing you can enable the maintenance mode under SeedProd -> Settings. When you're finished building your website you can remove the plugin from your WordPress installation.

2. Background Video

Under Plugins -> SiteOrigin Widgets you can enable the "Hero Image" widget. After enabling this widget it will be available to add in the page builder on a page. In this widget you can add a video as background and add text on top of it.

If you want to use other page builder elements on top of the video I recommend to install a tiny add-on called Video Backgrounds that will add a new panel to the page builder row settings.

After installing you can edit a page builder row by clicking the wrench icon and a new panel called Video Background will be available to add your video.

Hope this helps!

Hi Nick,

The screenshot is from a different theme than our Physio WordPress theme, unfortunately I can't help you with this.

If you have any other questions please let me know.

Hi Nick,

1. Accordion active background color

Please add the following CSS to Appearance -> Customize -> Additional CSS:

.panel-group .panel .panel-heading .panel-title a[aria-expanded=true] {
    background-color: red;
}

You can change the value red to your own needs.

2. Change size of the header and make smaller

I'm missing a screenshot for this question but I assume you want to reduce the header in height? You can use the following CSS for that:

@media (min-width: 992px) {
    .header .header-wrapper .header-logo {
        height: 113px;
    }
    .main-navigation > li > a {
        padding: 45px 10px 43px 10px;
    }
}

The 113px, 45px and 43px values can be reduced to make the header smaller in height.

3. Transparent header

By default there is no  transparent header layout in the theme, as demonstrated in our theme demo. 

I can provide some custom CSS that makes the header transparent but I'm not sure how this will work out with the homepage slider, page header and the contact detail bar right under the header:

/* Make header transparent */
@media (min-width: 992px) {
    .header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
    }
    .header .header-wrapper,
    .header-widgets {
        background: transparent !important;
        box-shadow: none;
    }
    .page-header .page-header--wrap {
        padding: 380px 0 70px 0 !important;
    }
}

Please note that above is no guarantee for a perfect transparent header layout. It's a workaround with CSS code that will simply change the default colours to transparent and make the default header float.

Hi Nick,

You're welcome.

The plugin you mentioned will do different things. Loco Translate is to simply translate text strings in a theme or plugin. WPML plugin is to create a multilingual website.

If you only would like to translate a couple strings in the theme you can download and install the Loco Translate plugin via Plugins -> Add New. You can read the steps to configure and translate text strings in the following article:

Translating the theme

Or if you would like to create a multilingual website you can install a plugin like WPML (premium) or Polylang (free).

Hope this helps.