In Pages, edit your Shop page. In the Overlap Options at the bottom of the page edit screen, change the Sidebar Style option in the Page tab from Light to Dark.

Perfect. Thanks! Also, is it possible to add a space between the search field and the button in the sidebar? It looks a bit cramped…

I’m sorry, this is a bug of the theme. Actually, that button shouldn’t show up.

Thank you for reporting this issue, it will be fixed in the next update.

However, you can add custom CSS below to Appearance -> Customize -> Additional CSS if you’d like to fix it now:

.widget_product_search .woocommerce-product-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    margin: 0;
    min-width: 0;
    background: none;
    border: none;
    z-index: 99;
    line-height: 30px;
    color: inherit;
    padding: 0;
    cursor: pointer;
    text-indent: -999px;
    overflow:hidden;
}

You can set the font styles of the header menu in Theme Options -> Typography -> Primary Menu.

You can add custom script below to Theme Options -> Advanced -> Body Content to achieve this:

jQuery(window).on("wyde.page.ready", function () { 

    setTimeout(function(){
        jQuery(".w-instagram-photos li a").attr("title", "");
    }, 2000);

});

However, I couldn’t post a script tag here, the comment box doesn’t allow. You will need to add the code above inside the script tag to make it work.

Please contact us from the account that purchased the Overlap theme to make sure you’re currently in the correct product page that corresponds to what you have purchased.

It always displays the featured video on the featured image (the first image).

If you would like to put the video elsewhere, you may need to add a video to the portfolio content by using the page builder. If it is not currently enabled on the portfolio edit screen, you can enable it in WPBakery -> Settings -> Role Manager. In Post types, choose “Custom”, and then select “wyde_portfolio”.

Please ensure that you have set your blog page as the Posts page in Settings -> Reading. Also, you don’t need to add any content into that page. You can change the blog settings in Theme Options -> Blog.

You can find more details on how to setup the blog page in our documentation.

You can edit the 404 template file in your child theme. Copy the template file from the Overlap theme “wp-content/themes/overlap/404.php” to your child theme “wp-content/themes/overlap-child-theme/404.php” and then edit it.

Please ensure that you have updated the Wyde Core plugin and other bundled plugins to the latest update too. The latest update of the Overlap theme (1.4.4) comes with Wyde Core 3.7.7, WPBakery Page Builder 5.4.7 and Slider Revolution 5.4.7.3.

After you update the theme, you will see a notification message to update the bundled plugins at the top of your WordPress admin page, click on “Begin updating plugins” to see the update list. You can find more details on updating the theme and bundled plugins in our documentation.

1) It seems like you have edited the main CSS file from the theme and removed a line of code in order to show the hamburger menu on mobile. You may need to update the theme to fix this.

Also, please do not edit any files in the theme directly, your changes will be lost when you update the theme. You should add custom CSS into Appearance -> Customize -> Additional CSS to override the default styles from the theme instead of editing the theme directly.

2) You can add custom CSS below to Appearance -> Customize -> Additional CSS to achieve this:

.mobile-nav-icon {
    left: auto;
    right: 15px;
}

@media only screen and (max-width: 1079px) {

    #header-logo {
            float: left;
            margin: 0;
    }

}

3) It is working well on our demo site. You should update the theme and rollback your changes first, and then add custom CSS I provided above to move the logo to the left and hamburger menu to the right on mobile.

Hi there, thanks for your help with this. I have come across another issue – on the backend of my site. One one page, the visual composer is not displaying properly. For some reason one of the text boxes from the visual composer has shifted over and is now displaying in the right column of the wordpress console. (this is hard to explain so I have included links to two screenshots).

I deactivated every plugin except for WP Bakery and the problem still persisted. I also looked at the debugger and there are no errors there. Let me know if you need me to supply you with a login for the site.

The page it is effecting is here: http://2554smallman.com/full-site/virtual-tour/

Screenshot 1: http://2554smallman.com/full-site/wp-content/uploads/2018/06/Screen-Shot-2018-06-07-at-1.54.11-PM.png Screenshot 2: http://2554smallman.com/full-site/wp-content/uploads/2018/06/Screen-Shot-2018-06-07-at-1.54.26-PM.png

I have checked this in both firefox and safari and the error persists.

Thank you

Hi there,

Thank you for the screenshots you provided!

Everything is working properly on our demo site. It might be a plugin conflict issue.

In both screenshots, it seems like you are still having some plugins, for instance, Ninja Form and Yoast SEO. Try to deactivate them all to see if it works.

If it still doesn’t work, please give me your WordPress login details so I can take a closer look. You can send a private message in the contact form on the profile page below:

https://themeforest.net/user/wyde#contact

The color of that subheading is always the same as the theme color scheme, you can change it in Theme Options -> General -> Color Scheme.

If you’d like to change it to different colors from the theme color scheme, you have to add custom CSS below to Appearance -> Customize -> Additional CSS:

.w-testimonials-slider .subheading {
    color: #000 !important;
}

Ah, I forgot the !important tag, thanks!

When updating the theme, it will replace all files in the theme folder (wp-content/themes/overlap) on your web server, please do not edit any files in that folder directly.

If you’ve added your custom CSS into Appearance -> Customize -> Additional CSS and haven’t edited the code in the PHP and CSS files in the theme edit screen (Appearance -> Editor), your changes won’t be lost even you didn’t activate the child theme.

In the APIs tab, you need to enable the Maps JavaScript API to use Google Maps on your site.

However, I just visited your Contact page and the map seems to work correctly on my end.

Sure, our demo sites are also running on PHP7.2.

The easiest way is changing the Element tag to another one. For example: h6 or p, so it will be smaller than h2 on mobile.

However, if you would like to use h2, you will need to add custom CSS below to change the font size on mobile device:

@media only screen and (max-width: 599px) {

body h2 {
    font-size: 16px !important;
}

}

This issue has been fixed in the latest update of the theme (1.4.4).

After you update the theme, you will need to replace the old shortcode in the text widget with the new one below:

[wyde_link_button size="large" style="none" title="Browse the Range" link="url:http%3A%2F%2Fjillysteas.inversit.com%2Fshop%2F|||" color="#e3bd96" hover_color="#2a314b"]

Perfect. thanks.

There are 2 ways to achieve this without using additional CSS:

1. Add single image into the column because there are responsive options in the column settings so you can hide it on each device, see the picture below:

2. Put the extra CSS classes below into the Extra CSS Class field of the Single Image element:

Hide it on small screens (mobile devices):

hidden-xs

Medium screens (tablet & small laptop):

hidden-md

Large screens (desktop):

hidden-lg

Sure, it has been fixed in the Overlap 1.4.4 that was released on 10th May.

There are the responsive settings on that page that hide the content on mobile device.

All you have to do is:

1. Edit the settings of the columns on that page one by one.

2. In the Column Settings window, select the Responsive Options tab.

3. Uncheck all boxes from the “Hide on device” option to show it on any devices.

Each column (row settings) on page do have all boxes unchecked. But under the “Responsive Options” Tab only shows the Devices and an option to reverse columns order (which are all unchecked). I don’t see an option to hide the device.

You will need to click on a pencil icon in the center top of each column to change the column settings, see the picture below:

1. If you have a texture background image, you should repeat it across the page. Unfortunately, the background repeat option is not available in the page background options, you will need to set the background to the row instead. You should remove the page background image from the Overlap Options -> Background. Then, set it to the row and choose the Background Style to Repeat.

2. You can add custom CSS below into Appearance -> Customize -> Additional CSS to hide the titles from the blog masonry:

.w-blog-posts.w-masonry .post-title {
    display: none;
}

3. No, it is not available in the custom posts options. You may need to put the post titles into the field “Individual Posts/Pages/Custom Post Types” to show specific posts in each blog element.

4. That one is smaller than the squared thumbnail size (640×640px), you should upload the bigger one to fix it. The recommended size are 940*940px or larger.

1. OK, when I do that there’s a white space above the row, is there a way to have the background without white spacing above it? 2. But how do I remove the white overlay on the bottom of the masonry blog items? And how can I make the first post of the masonry, just as small as the rest and remove the grey area on the left of the first post? 3. OK, would love to have an offset in a future update. Other themes do have that option. 4. OK, will fix that.

1. It is suitable for the full-width page without sidebar. When you have a sidebar on the page, it will have white space around the main content area. Please look forward to the next update of the theme, we will add a Repeat option to the page background.

2. You will need to add custom CSS below to Appearance -> Customize -> Additional CSS to remove it:

.w-blog-posts.w-masonry .post.has-cover .post-media:after {

display: none;

}

3. Unfortunately, that is a built-in option from the WPBakery Page Builder plugin so we couldn’t add an offset to the existing options/fields. Hope the plugin author would look into this in the future.

By default, when you set the Background Style to “Cover”, it will stretch the image to full the container width, if your image is smaller than its container, it will look a bit blurry.

Your image should be bigger than the background area, the recommended size are 1920×1080px or larger. Try to use the bigger one to see if it works.

Also, you can change the Background Style to “Contain” to maintain the image ratio and resolution quality. For the slider image, you have to change the Background Fit to “contain”, see more here: https://www.themepunch.com/revslider-doc/main-background/#image-sourcesettings

If you’d like you can send me your site URL so I can take a closer look.