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 Wyde, on this page : http://www.pont-roche.com/fr/le-cube/ i still have the overlap logo, but on all others pages i have the regular logo that i set up. Weird right ?

Thank you for reporting this issue. I’m working on this. I suppose it’s a flex row issue on Safari when you enable Equal Height Column or choose Content Alignment as Middle.

Thanks again :)

Thanks to you for fixing the issue. It could help me out if i can get my hands on the fix when you are done :)

Sure, no problem :)

Hi again. Is there a way to make the logo centre and have three menu titles at either side of it?

1. The centered logo is not included in the theme, you’ll need to add the custom CSS as below to Theme Options -> Head Content:


<style type="text/css">
    #header-logo{
        position: absolute;
        left: 50%;
        width: 160px;
        margin-left: -80px;
    }
    .dropdown-nav > ul > li:nth-child(3){
        margin-right:100px;
    }
    .dropdown-nav > ul > li:nth-child(4){
        margin-left:100px;
    }

</style>

Even the logo is in the center of the top menu but it doesn’t look good since your menu texts have different width, you have to change the margin-right and margin-left in the above code to adjust the space of the items between left and right.

2. By default you can choose between Dark and Light color but couldn’t set custom color for the menu text and the color when you hover is the current color scheme of the theme.

However, you can set custom menu text color by adding the custom CSS to Theme Options -> Advanced -> Head Content as below:


<style type="text/css">

    #header #top-nav li > a{
        color:#999;
    }

    #header #top-nav li:hover > a, 
    #header #top-nav li.current-menu-ancestor > a, 
    #header #top-nav li.current-menu-item > a{
        color:#fff;
    }

</style>

Hi no that didn’t work for me, I added it to my advanced in the head section, didn’t alter it and I cleared my cache also but still looked the same.

Another strange issue I’m having though is when I have my footer content set to 1/4 + 1/4 + 1/4 + 1/4 four columns the links are fine and work but as soon as I set mine to custom 1/6 + 1/6 + 1/6 + 1/6 + 2/6 to have six columns, the links no longer show as clickable links when you hover and you can’t click them. Have you any idea why this would be?

I just tested the code and it works fine, please make sure you add it in the right way. The code should start and end with the style tag without pre tag.

For the footer content, please PM me your site URL -> https://themeforest.net/user/wyde#contact so I can find what wrong on it.

Hi,

Is the food demo homepage video supposed to work on mobile? If so it doesn’t work on my mobile device. May need checking.

Thanks,

Ian

The best way is uploading it to any video sites such as Vimeo or YouTube, then add it into your page by using the Video Player element. It will play more smoothly than your HTML5 self-hosted video.

Thank you sir :-)

No problem :)

Hi, I’m having problems with links disappearing when the mobile menu kicks in – on this example link it happens to the social media icons and the email link – how do we stop it doing this? http://jennywren.mihitestsite.co.uk/contact-us Thanks for your help.

Hi,

I suppose it’s a mobile menu issue that has been fixed in our recent updates. Try to update your theme to see if it works.

Theme update solves it. Thanks

Happy to hear that! :)

how do we update theme . easiest way , I would appreciate if you can guide me thank you

The easiest way is using the Envato Market plugin, you don’t need to download the new update on ThemeForest manually but you can download and update it on your WordPress admin. It seems to be difficult on the first time you setup this plugin but it’s just only once, next time you can update the theme with just a few clicks.

Also, if you’d like to update it manually, we recommend you to update via cPanel File Manager.

Please see the instructions in our documentation on updating the theme.

Hii..I have a question In future updates will be side menu and image on menu ?

The side menu is now available only on mobile and tablet. However, we will look into this, maybe it will be available on desktop version in the future.

Hi,

Maybe there is a bug in the slider element. The auto play parmater doesn’t seem to be runing. You can see it in (no)action at this page : http://www.genevievenaudin.fr/slider-sample/

I put auto play = yes, speed=4

I seems to me that in a previous version it was runing correctly.

Thanks a lot,

Hervé

Just replied directly to your email!

Thanks,

I replied to your email but I am not sure if I must write through Envato or not. So I write again. AND I am sure my email was quiet senseless :)

Your correction works fine, but slider does not behave really like a slider. This is not very elegant, and it was elegant in previous version. See the sample. When you click on the arrow, it behaves correctly, but not in autoplay mode.

Sorry for all these probems, and thanks a lot for your reactivity :)

Hervé

This is a bug of the carousel jQuery plugin. It won’t slide but just change when the auto play speed is set.

We’re working on it, and it will be fixed in the next update.

Thank you for reporting this issue.

Hello Wyde,

I have a few questions:

1. I would like to create a blank portfolio page. So not a 1 of the 4 layout styles. Just a blank page to customize. How can I do this?

2. How can I update the theme? Normally there is an option in Wordpress Appearance and Themes. But now there is no option to update. I have version 1.05.

3. Is there a image slider where the speed is adjustable?

Thanks in regards, Kim Veenman The Netherlands

Hello,

1. This theme includes only 4 layouts for portfolio single post. You’ll need to modify many parts in the theme to add new custom layout. But we do not recommend to do this since your changes will be lost when you update the theme.

2. You can update the theme by using Envato Market plugin or download it manually from your Downloads tab on ThemeForest.

If you’re using the Envato Market plugin, it will no longer work if you have modified the theme or change the theme name. Please edit the theme through your child theme.

Also, please follow the instructions in the documentation to manually update the theme.

3. We’ve added the Slide Speed option to all slider elements in the latest update of this theme (1.2).

Hi There

I have tried to find my way around this theme so many ways. It doesn’t work for me as a beginner. I have had this for just over a month. I purchased the 23/7/16.

I find it too difficult to use and would like a refund. I think I will just use a hosting website.

Please contact me asap.

Georgina

HI ! I was wondering how i change the size of the background of the client area in the overlap template of the portfolio section

Hi,

I’m not sure exactly one. Could you please give me any screenshot or the page URL of that client area.

Also, you can PM me here -> https://themeforest.net/user/wyde#contact

I’ve sent you an email regarding custom work. Look forward to hear from you.

Just replied to your email!

hii..very nice theme..is it possible to make same page no overlap just side be side row or column?

Sure, you can create a side by side layout or any simple layout without overlap feature.

Hi. I´m trying to specify a extra class css, I put the name of the class in “Extra CSS Class” field and I define the class in style.css from child theme. But when I updated the page, and use inspector from browser, my specific styles are there, but are overwrite. I have defined styles with ”!important”, what else I have to do to browser listen my order? Thank you so much

Normally, the style in child theme should be more important than the default style from parent theme.

Please make sure you see the function “overlap_child_theme_enqueue_styles” in functions.php in your child theme as below:


function overlap_child_theme_enqueue_styles() {
    $theme_info = wp_get_theme('overlap');
    $version = $theme_info->get( 'Version' );
    wp_enqueue_style( 'overlap-child', get_stylesheet_directory_uri() . '/style.css', array( 'overlap', 'overlap-main', 'overlap-icons' ), $version );
}

If it’s different from the above, please update your theme and child theme to the latest update.

Also, you can insert the selector #content before your CSS class name so it will make your custom styles more important.

If you’d like you can PM me your site URL -> https://themeforest.net/user/wyde#contact so I can inspect the code to see if there is something wrong.

Hi,

after having extracted all(!) files & folders from the zip-file (incl. sub-folders) and upload the extracted file via ftp-filezilla my themes application returns with the error “a stylesheet is missing”. Whats going wrong? I have uploaded the whole file. How can a stylesheet be being missed? Please advise. Thx & best regards, Nicole

Hi,

Please make sure you’ve downloaded “All files & documentation”.

You have to upload the installable theme file “overlap.zip” in Appearance -> Themes on your WordPress admin page.

Also, after you extract the main downloaded zip file, you can find the documentation in “Documentation”, please follow the instructions on installing the theme.

Hi is it possible to use a gradient background instead of white and gradient on text headers. I think Visual Composer introduced this earlier in the year, is it possible with this themes version of visual composer or have these element s being turned off, is there a way to turn them back on?

Also on the travel demo, the loader image appears to be animated a flick from one image to another, I really like this, how is it achieved.

Regards

Actually, by default the Visual Composer plugin has no gradient background at all. You can switch to other themes such as Twenty Sixteen to see what is the difference. You’ll need to install the Ultimate Addons for Visual Composer plugin to get the gradient background and other features -> https://codecanyon.net/item/ultimate-addons-for-visual-composer/6892199

However, we’ve never tried the Ultimate Addons plugin with this theme and it’s not included in the list of compatible plugins so it might not work.

The white gradient on the title area came from the Overlap theme but there is no option to change the gradient style. Please choose other effects instead.

Also, we’ve disabled some features and elements from the Visual Composer but we’ve custom elements based on the theme design. Please use the existing elements in this theme instead.

The loader image on the travel demo, it’s a GIF animation -> http://wydethemes.com/overlap/overlap5/wp-content/uploads/sites/6/2016/03/loading5.gif

You can use Photoshop or other graphic software to create GIF image and set it as your loader image.

I am told that the site I am in the home stretch of designing on Overlap is not responsive on an iPad -that the features collapse and cover one another. I don’t have an iPad to see what this looks like, but I see that the layout is responsive on my iPhone. Is there a solution for this? Thank you! Fingers crossed, this is my last question for you. www.stylishsparrow.com

I just tried it on both iPad and iPhone when I compare to desktop I couldn’t find what wrong on your site. Everything appears as it should be. Please show me any screenshots where this issue is happened or send it directly to our email here -> https://themeforest.net/user/wyde#contact

I appreciate your taking the time to check site response. I don’t have an iPad, so I was not able to verify that there was an issue -the feedback was provided by a third party reviewing the site for the client. Unless, the client wants to follow up, I’m going to consider this a non issue…Thank you so much for all of your support!

No problem :)

Afternoon – great theme! Just one question – how do you give the blog category pages a transparent menu header? Can’t see it in theme options? Thanks, M

Unfortunately, there is no transparent header settings for the category pages in the current version. It displays as non-transparent header by default. We will use the header settings from the blog page in the category pages and other blog archive pages in the next update.

Hi! Is possible add new or customize icons? Thank you

Sure, you can add custom icons via child theme.

You can add your icons to the Icon Picker in the theme by using child theme as below:

1. Install and activate your overlap-child-theme.zip.

2. Go to Appearance -> Editor to edit Overlap Child theme.

3. Add the below code to Theme Functions (functions.php):

function overlap_add_simple_line_icons($icons){
    $your_icons = array(
        array( "your-icon-1" => "Icon 1" ),
        array( "your-icon-2" => "Icon 2" ),
    );

    return array_merge_recursive( $icons, $your_icons );
}
add_filter( 'vc_iconpicker-type-simple_line', 'overlap_add_simple_line_icons' );

The above code will add your icons to the Simple Line set.

4. Upload your icon files to child theme folder “wp-content/themes/Overlap-Child-Theme/fonts/”.

5. Add you CSS font icons to style.css in your child theme like the sample below:

@font-face {
  font-family: 'your-icon';
  src: url('../fonts/your-icon.eot');
  src: url('../fonts/your-icon.eot#iefix') format('embedded-opentype'),
       url('../fonts/your-icon.woff') format('woff'),
       url('../fonts/your-icon.ttf') format('truetype'),
       url('../fonts/your-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="your-icon-"]:before, [class*=" your-icon-"]:before {
    font-family: 'your-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.your-icon-1:before { content: '\e800'; }
.your-icon-2:before { content: '\e801'; } 
....

You have the best support ever! Thanks!

Thanks ;)

Hi Wyde, since i have lot of issue and performance concerns on Vela. I’m making a v2 of my website under overlap.

And on all your theme i see a small “issue”. It’s the facebook feed widget, it’s not really responsive and the fact it has a fix width, make it impossible to look good under large number of device size. Can you for a future update improve on that ?

Regards.

For the “nofollow” issue, we will fix it in the next update. Thanks for reporting this issue.

Hi Wyde, i notice that in portfolio section , you can translate the link “visit site” but not his tooltip.

Regards.

Exactly! Thanks for notifying me, it will be resolved in the next update.

I’m having trouble with the contact 7 form in Overlap. The form isn’t taking input. In an attempt to resolve the problem, I deleted the plugin and reinstalled. But it is behaving the same way. Any suggestions? The page is here: http://stylishsparrow.com/contact/

Many Thanks!

This is not a contact form issue but it’s a row layout issue. There was a child row inside the last row that overlays on the contact form.

To fix this:

1. Edit your Contact page.

2. Change the row layout of the last row to 2 columns, see the below image:

3. Remove an Empty Space element from the last row.

4. Edit the row settings of the last row, select Design Options tab, then set the padding bottom to 30px or any value.

Thank you! I never would have figured that out!

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