Hello,

You can find the instructions on how to update the theme in our documentation that’s included in the main downloaded zip file.

Hello, thanks for the fast reply. I have successful to update the latest version of Overlap, but there have a error, it is the loading spinner is keep spinning when i go to the website (try to click on others pages). Can I know what the problems? Thanks. (www.showoff2gether.com/ao)

Hello,

I just tried it but everything is working fine on my end. There is no error found and I can click on the menu items to go to any pages without any issue.

I guess that this is a caching issue, try to refresh your browser to see if it works.

Yea, after i clear cache everything is fine, Thank you. But I just notice my homepage slider revolution (main image with text), the image is blur, i have check my image is high res which is 1920px. ( Try compare slider image 1 &2) Anyway to fix this? Thanks!

Please make sure you have increased the PHP limits as the minimum values as we provided in the documentation.

However, this depends on your server performance and resource usage limits for your hosting plan. Try to import them one by one to see if it works. Of course you can select only Pages and choose a demo to import only pages. And then do the same thing for other post types one by one.

Also, you should install Wyde Core plugin before importing. If you would like to import Sliders, you have to install the Slider Revolution plugin. The Visual Composer is an optional, you can install it after importing demo content.

Do I need to install all plugins mentioned in the Readme for the correct operation of the Theme?

(JavaScript & jQuery plugins

jQuery Modernizr Waypoints Retina waitForImages scrollTo debouncedresize prettyPhoto Isotope sly Owl Carousel History PHP Libraries & WordPress Plugins

Redux Framework TGM-Plugin-Activation CMB2)

Demo content partly installed, but not all media files. Now it looks like this: http://www.johnbogomil.com . Why is that? Server/hosting parameters seem to be ok.

*

Hello,

I’ve tried on our demo and it works fine: http://wydethemes.com/overlap/about-us/

Also, I’m not sure where you’ve added more pictures.

Could you please PM me your site URL so I can find if there was something wrong: https://themeforest.net/user/wyde#contact

Yes, it works well, but this pop-up block is in horizontal position in laptops, so I want that this popup block be visible in a vertical position, like in iPads. I did not find how to do that with CSS. Here is the link: https://sndt.gl/og3LXWKJmehYF

Hi there,

I’m not quite sure on the “mobile screen width” you mentioned. If it is the one in this video: https://vc.wpbakery.com/video-academy/control-responsiveness-visual-composer-wordpress/

Of course you can set it in the Back-end editor too.

That video show you on how to set the column width for each device in the Front-end editor so you can see live preview.

However, the Front-end editor was disabled in this theme.

You have to use the Back-end editor instead. When you edit the column, select the Responsive Options tab in the Column Settings, and then choose the width for each device. It works like what you’re looking for but you couldn’t see the live preview as on the Front-end, that is the only thing different.

Also, the Visual Composer plugin that’s included in this theme is the same version as the one you’ve purchased from CodeCanyon directly. Actually we’ve never touched any code from that plugin but we have disabled some featured and elements via APIs that the plugin provided.

So even you uninstall the one that came bundled with this theme and install the new one, but nothing has changed.

Please let me know if I’m missing something!

Thanks for getting back to me Wyde,

I think I’m on the wrong track here. I thought that the menu that’s currently disabled called “Mobile Screen width” would set the column width for mobile devices. I see now that it’s only for the visual composer interface, not the whole of the wordpress site.

The bottom line is that I really wanted to be able to control how the full website appears on ipads, especially portrait – as it currently looks the same as mobiles and it would be much better if it was the same as desktop, but not scaled.

Is there any way to resolve this at all?

many thanks

Iain

By default, all columns from Visual Composer will be stacked as a row on only mobile devices, on tablet portrait and larger look the same as desktop.

However, it doesn’t look good when you have many columns. As you know when you have 4 columns on tablet portrait, there may be not enough area for your content in each column.

So in our theme we have changed default breakpoints (when the column will be stacked) to tablet portrait. You will see tablet portrait looks the same as the mobile, tablet landscape and larger look the same as desktop.

To work around this, you have to set default breakpoints back to mobile devices by adding custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">

@media only screen and (min-width: 768px) {

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        float: left;
    }

    .col-12 {
        width: 100%;
    }

    .col-11 {
        width: 91.66666667%;
    }

    .col-10 {
        width: 83.33333333%;
    }

    .col-9 {
        width: 75%;
    }

    .col-8 {
        width: 66.66666667%;
    }

    .col-7 {
        width: 58.33333333%;
    }

    .col-6 {
        width: 50%;
    }

    .col-5 {
        width: 41.66666667%;
    }

    .col-4 {
        width: 33.33333333%;
    }

    .col-3 {
        width: 25%;
    }

    .col-2 {
        width: 16.66666667%;
    }

    .col-1 {
        width: 8.33333333%;
    }    

    .col-offset-12 {
        margin-left: 100%;
    }

    .col-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-offset-9 {
        margin-left: 75%;
    }

    .col-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-offset-6 {
        margin-left: 50%;
    }

    .col-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-offset-3 {
        margin-left: 25%;
    }

    .col-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-offset-0 {
        margin-left: 0;
    }

}

</style>

Fantastic! It looks great now on ipad portrait, so thanks so much for this. I’ve been trying to figure it out for ages. Is there anything I can do about the css to stop it centering all the body text in ipad/portrait mode? Sorry to be a pain but it’s almost perfect. thanks!!

Here’s the custom CSS to set the text on tablet portrait to the left:

<style type="text/css">

@media only screen and (max-width: 991px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .five-cols, .w-posts, .w-slide .w-slider-content {           
        text-align: left;
    }

    .text-left, .text-right, .w-custom-heading * {        
        text-align: left!important;
    }

}

@media only screen and (max-width: 767px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .five-cols, .w-posts, .w-slide .w-slider-content {            
        text-align: center;
    }

    .text-left, .text-right, .w-custom-heading * {        
        text-align: center!important;
    }

}

</style>

This code has made the theme 200% better. Really looks great on everything device I’ve tested it on and I’m delighted – but there’s 1 thing…. (sorry!) I’m using the first default template for the portfolio pages, and now it looks strange on an ipad screen. Here’s an example. http://newx.redrebelcreative.com/portfolio-item/mudvac-branding-logo-design/ Is there a simple fix that might sort this out? Much appreciated Iain

Hi,

I’ve tried it on our demo site and everything works fine. Seems like you’ve set custom excerpt for some posts. When you set custom excerpt for the post, it will display the whole except you set.

Try to edit the post to check the custom excerpt in the Excerpt section. If this section doesn’t show up, please select the Excerpt option in the Screen Options at the top right of the page.

And then edit your custom excerpt to make sure it contains exactly 200 characters or less.

Hi Wyde,

Thanks for getting back to me so quickly. I’ve just checked the posts that have more than 200 characters and there doesn’t seem to be any custom excerpt feature. The text is just being taken from the visualcomposer text element. Any other ideas?

I can email you access details if you are able to have a quick look for me.

Thanks,

Ian

Please email me your site URL and admin login.

Please make sure you’ve updated Wyde Core plugin to the latest update too.

After you update the theme, you will see a notification message to update Wyde Core plugin on your WordPress admin. If the notification message was dismissed, navigate to Appearance > Install Plugins to see all available updates for the bundled plugins.

I did all that and still not working

We’re sorry but it’s not available in this update. Actually, we’ve tried to add Microdata to the blog post but after we test with Google Structured Data Testing Tool, it requires some properties that are not available in WordPress website. That means we need to add those settings to work around this. But this should be the functions of the plugin, not the theme.

So we decided to use the plugin instead. We recommend you to use the third party plugin called “Schema” ( https://wordpress.org/plugins/schema/ ). Unlike other plugins, it automatically generates Schema.org Microdata for your website and blog posts so you don’t need to re-input the content for the plugin.

We’ve tested it with Google Structured Data Testing Tool: https://search.google.com/structured-data/testing-tool Of course it works without any errors.

Got it, will test it. What about the fix for internal link tough ? I check and they are still the same. Regards.

Here’s my answer, I’ve replied to your comment a month ago.

 "Regarding the ALT of the previous and next article links. As stated in the suggestions of the report, “An internal link that uses an image for the user to click on but has no ALT text doesn’t tell search engines….”. This refers to the ALT text of the image. However, I tried to check the HTML output of your blog and portfolio pages, all images on these pages have alt attribute. So I’m not sure what’s the actual problem and don’t know how does that tool work?

Also, actually the images of prev/next links on blog page will display ALT text automatically when you set the ALT Text field of the image in Media on your WP admin." 

According to the screenshot you sent to me about the internal links issue. It’s talking about some images have no ALT attribute. However, I’ve check the whole code of the theme but I couldn’t find any image that have no ALT. All have ALT so please make sure you set the ALT and Title fields for your images in Media library on your WordPress admin. So I’ve replied to your comment as above.

Also, I thought you’ve figured it out because there was no response from you after my answer.

Sorry, it’s hard to keep track of comments, the images are fine, but it’s the link that are not :

Here a page example: https://www.brockwayproduction.fr/ssl-securites-avantages-protocole-https/

And here the link with no alt or title:

Le Live Chat, avantage majeur du E-Commerce

As you see it’s the previous and next links, but not the images.

Regards.

https://www.dropbox.com/s/wj9hwzjcl9iism8/Capture%20d%27%C3%A9cran%202017-03-19%2013.45.23.png?dl=0

Thank you for your detailed explanation!

However, we use WordPress standard functions below to display the next and previous links of the posts:

next_post_link(): https://developer.wordpress.org/reference/functions/next_post_link/

previous_post_link(): https://codex.wordpress.org/Function_Reference/previous_post_link

Unfortunately, these functions didn’t add the title attribute to the link as you can see when you switch the theme to default WordPress theme (Twenty Seventeen) or other themes in the market.

You have to add custom filters to functions.php in your child as the link below:

http://www.wpcustoms.net/snippets/add-title-attribute-to-next_post_link/

Thanks for your time explaining this to me. I will check this link carefully.

Regards.