Which version of WordPress are you using? Experience is an older theme that is untested with the versions after WordPress 5.3 so it’s likely a compatibility issue. The theme is only kept on the marketplace so that previous buyers continue to have access to the files.

Can you post a link to your website so I can take a look at the page errors? That should give us some idea of what the problem could be. If we can’t find a simple solution to the issue you’re having we would be happy to offer you a refund on your purchase. Just submit a refund request through your Envato account and we’ll process it as soon as possible.

- Eugene

Hi Eugene Thanks for the reply. And for the service – I didnt know it was an old theme. But I will prefer keeping the Theme if theres a simple solution as you mentioned.

- I have the Wordpress verision: 5.6 And my website it: www.tobiashorvath.dk

Again thanks for the help.

- Tobias

Hi,

The full screen menu is the only menu style included in the theme. This theme is also several years old and there are no plans to release any more updates. Although it will work with the current version of WordPress it does not include newer WordPress features.

- Eugene

Hi, There are no plans to add WooCommerce compatibility to Experience.

The page header slider template file can be found at templates/page-header-slider.php.

Create a templates directory in your child theme and copy the file over. You can then change the h1 tags to what ever you prefer in the child theme version of the file.

The sliders in the slider page builder element already use H2 tags for the title text so they don’t need to be changed.

- Eugene

There’s no need to change any licenses for the theme. You will have to contact the page builder plugin support team to find out how to transfer a licence between WordPress installations, if it is at all necessary.

https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431/comments
and
https://support.wpbakery.com/

- Eugene

Thanks…already did that one of course. Great support by the way, about to give you a 5.

Thanks. We really appreciate the feedback!

- Eugene

Hi,

The fade in animation is by design, but you can remove it by adding this custom CSS in the Appearance > Customize > Additional CSS:

.flexslider-big .background-holder,
.flexslider-big .vc_parallax-inner {
    opacity: 1 !important;
}

.flexslider .exp-flexbox-inner .section-header-content {
    opacity: 1 !important;
}

- Eugene

Thanks, that did it!

Hi,

Since version 1.2 the separate theme options page powered by Redux plugin has been removed and all the theme options are now included in the WordPress Customizer (Appearance > Customize) via the Kirki plugin. In the Customizer click “Experience Theme” in the list to view the different option categories.

If the theme options are not visible in the Customizer double check that you have the Kirki plugin installed by going to Appearance > Install Plugins and checking the recommended plugins list and their individual status.

- Eugene

Thanks very much, that clears it up.

So if I enlarge the images to that size they should be ok?

EDIT – The original images are actually 1920×1080. Do you have an idea on what the sizes should actually be so I can get new images made?

It is recommend that you used images at leas 1440×900 but 1920×1080 is fine as long as the images file size isn’t too large.

The image of the women in a pink shirt (http://pbpconsultancy.co.uk/wp-content/uploads/2018/07/print-bl-318.jpg) is 1024×512 and is pixelated because it’s being stretch to fill the slider. For this image, I would recommend uploading a larger image.

The second image is the correct size but even in the original image the photograph that’s used looks pixelated (http://pbpconsultancy.co.uk/wp-content/uploads/2018/07/im-fargo-2.jpg). This is because the original image is low quality because it was the photography was taken in low light. The only option to improve it would be to find a clearer image.

- Eugene

EDIT: sorry I miss read your message. I thought you were refering to the background colour not the accent colour.

It might be that the CSS is not being correctly generated. Try changing the accent colour to a different colour and saving. Then, change it back to the pink you want and save again.

Failing that please email us login details via the contact form on our themeforest profile page so we can take a closer look.

- Eugene

It is actually a few areas but mainly the accent colour. I changed it to my brand pink but live on the web it is still the black/blue used in the original preset. I ended up coding the navigation background to pink but wondered if I am missing a setting somewhere other than theme – styling that I need to change the accent colour.

Thanks, I will try that.

You can add it to either:

1. The child theme style.css using the editor in the WordPress admin dashboard.
2. The “Additional CSS” textarea in the WP Customizer.

It doesn’t make a massive difference where it goes but the child theme style.css would be the “proper” place to put it.

- Eugene

Hm, I see how it works. But I want the site title/logo to move along together with the menu. So the black bar has to be transparant, is that possible?

To remove the background colour from the site header remove the line I gave you before and replace it wit this:

.site-header:after { display: none; }

- Eugene

The separate demo xml files can be found in the demos directory of the complete theme package.

You can download the main demo here: http://www.websitesmash.com/downloads/experience-demo-content/experience.xml

Hi,

Yes the theme package includes separate xml files for each of the demos (except for the pink and purple demo, however we are happy to send you that one too).

As mentioned in the item description you will require the Visual Composer plugin which is sold separately. After installing the theme, Visual Composer plugin and importing the demo content you will have the same structure as the demo but without any images or videos, so you will need to go through each page and add your own images.

If you need any guidance figuring things out simply post your questions here in the item’s comments page and we’ll be more than happy to help.

- Eugene

Hi,

Yes the theme includes a separate xml file for each of the theme demos that are imported to your WordPress installation using the standard WordPress Import plugin. Please be aware that the xml files do not include any of the images you see in the demos due to copyright restrictions. You will want to use your own images that are relevant to your business or organisation anyway,

- Eugene

Hello,

The demo xml files can be found in the “demos” directory of the complete theme package. You can download the complete theme package from your Themeforest account’s “downloads” page.

There are separate xml files for each of the demos in the live preview. Please also be aware that the images shown in the theme demos are not included with the demo xml files due to licensing and copyright restrictions.

- Obi

Hi,

As of this morning all our live previews have been updated to PHP7. We didn’t expect to find any issues with the theme after updating and so far we have not seen any.

- Obi

Great thanks, and out of curiosity how long do you plan on supporting and updating the theme before it’s end of life?

Thank you

There are no plans to discontinue support for the theme any time soon.

Hi,

If you are adding the icons to absolutely every page of your site you would be better off just hard code them into a customized version of the footer.php template file placed in you child theme.

As far as I know there is no way to use the Visual Composer page builder on archive pages but that is a question for the plugin’s developer.

- Eugene

Hi,

You need to enqueue the plugin JavaScript file and your custom JavaScript file not jQuery itself as that is already added by the theme:

function my_enqueue_scripts() {
    wp_enqueue_script( 'plugin-script', get_stylesheet_directory_uri() . '/js/plugin_script.js', array( 'jquery' ) );
wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom_script.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );

The code I provided before will add the particles to the page header section where the page title is displayed (where you currently have the background image.

$(document).ready(function() {
    $('.section-header').particleground({
        dotColor: '#ff0000',
        lineColor: '#ff0000'
    });
});

For more specific help with wp_enqueue_scripts I recommend asking on the WordPress support forums: https://wordpress.org/support/

For help with the JavaScript plugin I recommend using the plugins support channels: https://github.com/jnicol/particleground/issues

Or you can bypass all the custom coding and try the WordPress plugin you linked to in your first post: https://codecanyon.net/item/wp-particleground/13297387

I have no idea how the WordPress plugin works so any questions about that will have to sent to the plugin developer.

- Obi

Hi,

Thank you very much, finally it worked.

Now I’m having problems with CSS. I’m using this code: $(’.section-header’).particleground(); And I filtered only to apply the code on main page.

But the .section-header-content is going down, instead of being over the stars effect.

I tried to change CSS position from relative to fixed, and tried to center it, but nothing worked fine.

Any help?

Thank you very much,

Maiol Xercavins

Try using .section-header-wrapper in the JavaScript instead of .section-header so that the background fits better:

 $('.section-header-wrapper').particleground({

Than give the background absolute positioning so that it is behind the content:

.section-header-wrapper .pg-canvas { position: absolute; }

- Obi

Hi,

When the WPML plugin is active on your website the language menu automatically appears in the site header next to the search and navigation menu icon (Example: http://oi63.tinypic.com/alm3p3.jpg).

You can add the language flag to the text by copying and modifying the experience_get_active_lang() function from the theme functions.php in your child theme’s functions.php.

Example, incomplete code:

$output = '<span class="language-toggle">'. esc_html( $l['language_code'] ) .'<img src="'. esc_url( $l['language_flag_url'] ) .'" alt="'. esc_attr( $l['native_name'] ) .'" /></span>';

- Obi

Hi,

There’s a typo in the experience visual composer extension plugin. Here is a link to an updated version of the plugin. Remove the current version from your WordPress installation and install the version linked below:

http://www.websitesmash.com/downloads/js_composer_experience.zip

Do I just deactivate the’ Experience Visual Composer Extension’ plugin then click ‘Add New’ and select the file you sent me?

Completely deactivate and uninstall the version of the plugin you have now and then install the new version. We’ll be posting an update of the theme itself in a few hours that will include the new version of the plugin and prompt you to update.

- Obi

Hi,

Whether or not the video is shown is determined by the devices resolution. The reason you’re seeing the YouTube player instead of the an image is because the device has a resolution larger that what the theme considers a mobile device.

The responsive layout is managed by media queries in the css/responsive.css stylesheet. You can adjust the media queries in the responsive stylesheet to include larger devices but there is no catch all way of excluding tablets as the definition of a “tablet” is becoming harder and harder to define.

- Obi