Discussion on Overlap - High Performance WordPress Theme

Discussion on Overlap - High Performance WordPress Theme

By
Cart 1,531 sales
Recently Updated
Well Documented

Wyde supports this item

Supported

1303 comments found.

Hi,

I installed this theme and followed all the documentation for the Overlap theme and “Theme Options” doesn’t appear and the demo content although installed as a plug in does not help resolve this issue.

Can you please advise ASAP as this was specifically purchased for a client project and I’m stuck without support for this.

Thank you!

Hi,

The Theme Options panel is included in the Wyde Core plugin, please ensure that it is active. After you install the theme, you will see a notification message at the top of your WordPress admin page to install Wyde Core and other bundled plugins.

Hi,

I am having trouble installing the Visual Composer. When I try uploading the js_composer.zip file to my plugins, I get the error message that “Destination folder already exists. /home/mvmtblog/public_html/dev/wp-content/plugins/js_composer/” and “Plugin installation failed.”

Even though it says I’ve already installed it, I don’t see Visual Composer in my plugins list or on the lefthand panel of my dashboard.

Any advice you can provide would be very helpful.

Thanks, Diana

I do not see a Backend Editor button at the top of the text editor.

I’ll send you my login information via private message.

Thank you for the login details!

This is a plugin conflict issue. The Gutenberg plugin is active on your site so you couldn’t use the WPBakery Page Builder.

I just deactivated the Gutenberg, then you can use the WPBakery Page Builder now.

Got it, thank you!

Dear Wyde,

Yesterday I bought your theme and very thrilled to start using it!

I’ve started with the logo but found out it is not a theme-option to center a rather large logo above the menu.

I’ve read the comments and found some css to create what I would like. But after using the css, the submenu is way to low and the header is not getting smaller after scroll, like it should Can you please help me?

I would like to have, from top to down: - some white space, lets say 50px - a large logo, lets say 200 px height - some white space lets say 30 px - the menu with the submenu - some white space lets say 30 px - the photo (coming from the page content) - on scroll the header gets smaller (like it does in the demo) and the logo is on the left like it is in the demo

I’ve tried to use this css (a little from you and some added by me): #header > .container{ margin-top: 50px; margin-bottom: -80px; }

header-logo{

height: 180px; width: 100%; margin-top: -80px; }

header.w-full .container {

height: 280px !important; }

.center-nav #top-nav .top-menu { padding-top: 25px !important; }

body:not(.no-header) .main-content.header-space { padding-top: 145px !important; }

Can you please help me with the submenu? Or maybe my css above is not that good and it should be replaced with something else?

My website is: https://geboortecentrum.a10.hosting/

Many thanks and best wishes! Wietske

Try to replace your CSS snippet above with the new one below to see if it works:

#header:not(.w-fixed) .container{
    margin-top: 50px;
    margin-bottom: -80px;
}

#header:not(.w-fixed) #header-logo {
    width: 100%;
    margin-top: -80px;
}

#header.w-full .container {
    height: 280px;
}

.center-nav #header:not(.w-fixed) #top-nav .top-menu,
.center-nav #header:not(.w-fixed) #top-nav .ex-menu {
    padding-top: 25px;
    z-index: 999;
    height: 75px;
}

body:not(.no-header) .main-content.header-space {
    padding-top: 145px !important;
}

Hope this helps!

Hi Wyde, fantastic this works great! I Really appreciate your fast respons and great help, thanks!

You are welcome :)

Hi There, Is it possible to pull through pages under the portfolio section?

You may need to put -1 into the Post Count field under the Portfolio Grid Settings so it will display all portfolio posts without paging.

If this is not what you’re looking for, please give us more details or send us the link of that page so we can take a look.

Has anyone else experienced your pricing tables not showing the titles and images attached to them?

We’ve never seen this issue before. It seems to work correctly on our demo site: https://wydethemes.com/overlap/elements/pricing-box/

Here’s a quick tip:

- Please ensure that you’ve updated the theme and all bundled plugins to the latest update.

- There may be plugin conflicts on your site, try to deactivate other plugins to see if it works.

If it doesn’t work, you may need to give me the link of that page so I can take a look.

Not sure why, but I had to add a Title to each pricing table for the images to show up. So it’s a workaround! www.danagray.studio/services

Of course, you will need to add a title for each pricing table so the image will show up.

Hi,

Just wanted to check with you about some details for this theme, before purchasing. Is it possible to have a latest blog post on the home page as a full width view with some “read more” button, some preview below the image and the rest of the page arranged as we like. So I would like to know is it possible to have blog page with all blogs then arranged differently. How does it pull a content from a blog page to a home page? Also, is it possible to set tag view somewhere? I see there is a tag option, but I would like to allow my readers to choose a tag that they want and filter out only posts with this tag. Is that possible? Is it possible to have simpler view of the, for example, latest posts, so that they are aligned somehow to have a clear overview? Now they are all overlapping in all your examples.

Thanks in advance.

Kindest regards, Milica

Hi,

Thank you for your interest in our theme!

1 – Sure, you can add a Blog Posts element to the home page and any other pages so it will display your latest posts in a full width view. Also, you can choose different layouts and can choose specific posts to show for each one.

2 – You can add a Tags widget to the sidebar like you can see in the link below:

https://wydethemes.com/overlap/blog/blog-standard-right-sidebar/

3 – If you’d like to remove an overlapping design from the blog posts, you will need to add CSS snippet to adjust this.

Hi, where and how van I update the foooter text. Now it is showing: “©2016 Overlap – Premium WordPress Theme. Powered by WordPress.” I would like to update the year, since the website is updated regulary….

It’s in Theme Options -> Footer -> Footer Bar -> Footer Text.

Thanks a lot! :-)

Hi there, Just a question out of interest – is there any way of having the sliding bar move over the page but the page ‘beneath’ stays in place rather than also sliding to the left? TIA

I’m sorry but that is a theme design, you couldn’t change this.

Hi There,

Could you please help me with the following on the sliding bar nav

1) How can I turn off/remove the overlay of the Instagram feed

2) How can I remove the captions of the Insta post (which pop up as an overlay on the photos)

3) How can I change the font color in the sliding bar nav

Looking forward to your reply.

Thx, Chantal

Hi There!

1) You will need to set the widget title blank to remove the overlay from the Instagram Feed widget.

2) Try adding CSS snippet below to Appearance -> Customize -> Additional CSS to see if it works:

.w-instagram img {
    text-indent: -99999px;
}

3) It depends on the Header Background under Theme Options -> Navigation -> Top Navigation. If you selected “Dark”, the font color will be white, otherwise black.

However, if you’d like to set it to other colors, you may need to add CSS snippet below to Appearance -> Customize ->Additional CSS:

#slidingbar {
    color: #bf2b2b !important;
}

Thank you… Point 1 and 3 are covered, but the text attribute is still there. Do you have other options?

Also another question: How do I get the vertical text as shown on the one page live demo of the food stylist at the about us section?

It’s not in my demo content and couldn’t find the vertical text option.

Looking forward to your reply.

Chantal

1 – Try adding JavaScript below to Theme Options -> Advanced -> Body Content to see if it works:

    (function( $ ) {

        $( window ).on( 'wyde.page.ready', function () {

            setTimeout( function() {
                $( '.w-instagram a' ).attr( 'title', '' );
                $( '.w-instagram img' ).attr( 'alt', '' );
            }, 1000);

        } );

    })(jQuery);

However, I couldn’t post a script tag here, you will need to add the snippet above inside script tag < script > to make it work.

2 – The vertical text on the one page demo is a background image, see the picture below:

Hi there After last update, all i had with animations, DISAPPEARED (i took them all away), and the Overlap options appears empty, there’are no options now. I know i dont have support now, but, this seems a malfunction, what can i do? thanks

the thing that matters most for me, is the overlap functions that disappeared

Please ensure that you’ve updated Wyde Core and all bundled plugins to the latest update too.

After you update the theme, you will see a notification message to update the bundled plugins. If the notification was dismissed, you will see the plugins list under Appearance -> Install Plugins.

If it still doesn’t work, there may be plugin conflicts on your site, you may need to deactivate the plugins one by one to find the problematic plugin.

Hope this helps!

Hello, I’m trying to install the plugin “overlap-demo-content.zip” but I keep getting the error message “The link you followed has expired. Please try again.” Please help, thanks!

Hello,

It’s most likely a server PHP configuration issue. Please ensure that you’ve increased the maximum file upload size on your web server to the minimum as we provided in our documentation.

I recommend using the PHP Settings plugin (https://wordpress.org/plugins/php-settings/) to check and increase the PHP limits on your site.

Also, you can find more details on how to increase the maximum file upload size here: https://www.wpbeginner.com/wp-tutorials/how-to-increase-the-maximum-file-upload-size-in-wordpress/

Hi, finally getting around to using the theme. How do I update the slider update?

The new update of Slider Revolution plugin is included in the theme update. After you update the theme, you will see a notification message to install the new update of bundled plugins.

If the notification was dismissed, you will find the update list in Appearance -> Install Plugins.

However, the latest update of the slider is 5.4.8. If you’re using that version with the latest update of the theme (1.4.5), you don’t need to update it.

Also, you can find more details on how to update the theme in our documentation.

Hi there, I’d like to remove the contact info from the mobile menu (including the link to the cart – as I already have a link in my menu) but not remove those contact details from my sliding bar…can I achieve this with a CSS snippet? TIA

Hi there!

Sure, here you are:
#side-nav .menu-item-shop,
#side-nav .contact-info {
    display: none;
}

sorry for the delayed reply. thanks so much for the snippet

Is it possible to make the menu items on mobile devices centered within the screen like the full screen( hamburger) menu on desktops? And if so how? Currently the mobile menu items are listed on the left with the submenu arrow on the right. Thank you for your time.

To completely remove the header menu and mobile menu, you will need to hide the header under the Overlap Options -> Header -> Display Header on the page edit screen. If this option doesn’t work on your site, try updating the theme and Wyde Core plugin to see if it works.

Thanks for your time!!!

You’re welcome :)

Hi. We have used WPML with your theme. We have two questions: 1. Where is “Team Members” translated? 2. Where is “Footer Text” translated? Thank you!!

1. If you’d like to translate the word “Team Members” in the backend, you will need to translate the Wyde Core plugin.

2. It’s included in the String Translation section, you will find it there.

1. We want to translate the team members (not the word). We have done the manual translation with WPML but the slider appears empty where it should appear translated.

Please ensure that you’ve translated the page that’s currently displaying the team members. For instance, if you put the team members into the About Us page, you will need to translate that page so it displays the team members that correspond to the language of that page.

If it doesn’t work, you may need to send me your site URL so I can take a look.

Loving this theme! Seriously you guys knocked it out of the park!

I’m having an issue though… my frontend visual composer is not loading. Just sits on loading scroll end never loads. Any tips or ideas why it might not be working?

SOLVED. I managed to overwrite the theme’s typography option.

I have a very custom request from client now. Is it possible to change the “hove” color and display options for the portfolio items. For example currently, the portfolio grid when hovered over displays theme color and post information. Can I make a custom color and change the text that is displayed when hovered? Thank you for your help!

This theme comes with 7 different hover effects, you may need to choose one to edit.

Here’s a quick tip to edit the portfolio ‘Grid’ layout with the ‘Overlap’ hover effect.

1 – Add CSS snippet below to Appearance -> Customize -> Additional CSS to change the hover color:

.w-effect-overlap figure {
   background: #6fa7b9;
}

2 – By default, the portfolio grid displays the title and category of the post. To display other information, you may need to edit the portfolio template file in your child theme.

Here’s the step-by-step guide to edit the portfolio template file:

1. Copy the portfolio template file from the Overlap theme “wp-content/themes/overlap/templates/portfolio/content.php” to your child theme “wp-content/themes/overlap-child-theme/templates/portfolio/content.php”. If you’d like to edit the Masonry layout, you will need to edit the file “content-masonry.php” instead.

2. Edit the template file in your child theme to replace the title and category with custom text.

You can find more details on how to display the post data in the Loop here: https://developer.wordpress.org/themes/basics/the-loop/

Hope this helps!

Hi. Love the theme!!

A couple of quick pre-sale questions.

1 – Can the image gallery (under Elements/Media) have a masonary layout with just 2 columns? I just don’t see any 2 column examples and wanted to check.

2 – Can the video player/page be full screen?

Thank you so much!!

Please disregard #2 & #3. I finally figured that out. But please let me know how to edit #1. Thank you.

Sorry for the late reply!

Glad to hear that you’ve figured it out!

Also, here’s CSS snippet to change the gallery masonry layout to 2 columns, you can put it into Appearance -> Customize -> Additional CSS:

.w-image-gallery.w-masonry .w-item {
width: 50%;
}

However, if the layout you select doesn’t work properly with the 2 columns, I recommend choosing the “Auto Height” and choose “Original” for the Image Size to work around this.

Hope this helps!

Thank you so much!! Works perfectly.

Hi, I think it’s almost done (thanks). I have two more issue:

1) Is it possible to reduce the size of slider-dots in overlap slider for mobile devices?

2) Making a cookie check, for the GDPR, I find an unclassified cookie probably from a part of the site we don’t use: History.store Cookie purpose description: Unclassified Initiator: Script tag, page source line number 1084 Source: wp-content/themes/overlap/js/plugins.js?ver=1.0.1 Prior consent enabled: No

Can you give us a description to be wrote in Policy Page?

Or a way to eliminate it…

Thank you so much…

1) Try adding CSS snippet below to see if it works:

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

.owl-dot span {
    width: 5px;
    height: 5px;
}

}

2) That’s included in the jQuery History library, we use it to handle browser history when the AJAX Page is enabled. However, it doesn’t create and use cookie but use the browser history (History.store), you can find more details about this in the link below:

https://github.com/browserstate/history.js

Hi guys

re: pesky shop details:

How do I remove the little dots in the checkout section (under the asterix next to name/country etc?)

Can I light up the field boxes?

On desktop, when I click on shopping cart icon, the details are overtop of the pricing – can this be fixed?

TIA

Try adding CSS snippet to see if it works:

abbr[title] {
    text-decoration: none;
    border: none;
}

.menu-cart .shopping-cart-content .mini-cart-list > li > a {
    display: block;
    margin-bottom: 10px;
}

.menu-cart .shopping-cart-content .mini-cart-list > li > .quantity {
    bottom: 50px;
}

Hi support. I have only one product in my shop and i’m linking to the product directly in the menu, rather than via the shop page. However, I want to make sure that the shop page looks ok still.

I’d like to just have the one product displaying in one column (looks like the page is set to 3 columns?) and I’d like to remove the ‘sort by’ option. I have a sidebar to the right which I’m happy to leave. Is this easily achieved through the settings?

TIA

You can adjust the columns and sidebar under Theme Options -> WooCommerce.

However, the sorting option is a built-in feature from WooCommerce, to remove it you will need to add custom filter to your child theme, you can find more details in the link below: https://www.pixelninja.me/remove-woocommerce-product-sorting-options/
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey