Hello,

Thank you for the information and code !!

All the best Pepijn

Hello,

Thank you for the information and code. Unfortunately it prevents the submenu from showing.

All the best Pepijn

My apology, exactly i prevents the submenu from showing.

So there is other option to prevent the menu from going two lines, only way to work around this, you should move some menu items to the submenu instead.

I’m sorry, the portfolio grid doesn’t allow you to add a call-to-action button, please use other elements such as Call to Action instead.

I don’t understand… what is the difference between a call-to-action button and a Call to Action element ?

I mean that you have to add a Call to Action button outside the portfolio grid (without hover effect).

I just tried it on our demo, the featured image is not overlaying the video but the prettyPhoto lightbox plugin is not compatible with the Facebook video so it won’t work when you click on a play button. Thank you for reporting this issue, it will be fixed in the next update.

There are 2 ways to work around this issue.

1. Disable the Display Featured Image option in Theme Options -> Portfolio -> Portfolio Single Post so it will display the video instead of featured image.

2. Add your Facebook videos into the portfolio content instead.

Also, the Facebook video will have the large space at the top, you will need to add custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">

 .single-wyde_portfolio .post-media .video-wrapper{
    padding-top: 0;
 }

</style>

Hi, I was very happy to see that you updated the theme. I’ve downloaded and installed the update but I still don’t see the weights for Montserrat as I was hoping so much that they will exist in this update. Could This be because I’m using the Child Theme? Can you assist me with that?

Oh it just needed some time to refresh..sorry

Happy to hear that it has been resolved

Hi,

By default you couldn’t. It displays the related posts by Tags but as you know, pages have no Tags. You have to install the third party plugin like: https://wordpress.org/plugins/yet-another-related-posts-plugin/

However, we’ve never tried it and we couldn’t confirm that it would work with this theme. Anyway, you can try it if you’d like.

Sorry, replacing .w-effect-grayscale-1 with .w-effect-grayscale-2.

Okay sorry, I figure it out, I just took out figure:hover from the code you provided and it works perfectly. Thanks so much!!

Great job! Happy to hear that you figured it out

There 2 ways to work around this.

1. Use Custom Heading element instead. You can set Text Transform option to None.

2. Add custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">

  h1,h2,h3,h4,h5,h6{
      text-transform:none!important;
  }

</style>

thanks

Hi, I still don’t get it. The title area is already shown. The title is not a

, it’s a

See: http://www.nomadecontenu.com/pourquoi-faire-de-la-strategie-de-contenu/

< h2 class=”post-title”>Pourquoi faire de la stratégie de contenu ? < /h2 >

Once again, it’s not a matter of design, but a SEO matter. A blog title text, need to be in a H1, don’t you think ?

As you can see on this page: http://www.nomadecontenu.com/services/redaction-web/

The heading text “Rédaction web” is in the title area where I’m talking about. Of course it’s a H1 and you can also show this area on your blog post so your blog title will be H1 too.

Also, the titles of the blog posts in our demo sites are H1 because we show the title area on the blog post too. See it on our demo site here: http://wydethemes.com/overlap/unlimited-choices/

Actually there are 2 ways to make the blog title to be H1.

1. Enable the Title Area on the blog post. When you edit a blog post, scroll down to the Overlap Options at the bottom, in the Title Area, select “Use custom title area for this post.” and then change the “Display Title Area” to “Show”, see the picture below:

2. Add custom filter I provided in previous comment into the functions.php in your child theme as below:

- Please make sure you have overlap-child-theme.zip installed and activated.

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

- Insert the code below to Theme Functions (functions.php)

function overlap_blog_title_tag( $tag = 'h2' ){

    if( is_single() ){
        $tag = 'h1';
    }else{
        $tag = 'h2';
    }

    return $tag;
}
add_filter( 'overlap_blog_post_title_tag', 'overlap_blog_title_tag' );

Ahhhh! ok! I get it, thanks !

It displays the project from the same portfolio tags. You can set the portfolio tags to show the related projects.

Never mind. No need to copy the code. It’s automatically add on the web site with the Privy Pluggin.

By default the form is in the last column below the Links and Recent Posts so the width of the button was fit perfectly to the word as you can see on our demo: http://wydethemes.com/overlap/home/home-creative-agency/

When you move the form to the top, the width of the column will be narrower so you will need to change the code of the form as follows:

Replace “col-10” with “col-9” and Replace “col-2” with “col-3”.

Regarding the alignment issue, it’s working fine on Chrome. However, I just tested it on Safari, it doesn’t look good. This is a bug of the theme, it will be fixed in the next update. Thank you for reporting this issue.

Ok, it’s working for the button text, but as in the demo, he heigth of the button is smaller than the height of the field. Maybe 2 pixels. Not a lot but still…

That will be fixed in the next update.

Hi there,

I’ve never seen this issue before! Please make sure you’ve installed WordPress and the theme correctly. I suppose there was something wrong on your WordPress installation.

The path in your screenshot is wrong and not available in WordPress site. I’m not sure why your WordPress tried to open the file in the wrong path. Please re-install your WordPress and the theme to see if it works.

Hi,

Thank you for your comment.

You don’t need to click on the title to see the project page, but on the image that is big enough.

Also, you have many hover effects with different styles, you can choose others such as “Greyscale 1” so you will have smaller magnifier icon like this page: http://wydethemes.com/overlap/portfolios/portfolio-grid-2-columns/

Or choose “Duke” to hide the magnifier icon.

However, you can remove the magnifier icon from other effects by adding custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">

    .w-view figure figcaption > span{
        display:none;
    }

</style>

Ok the better one is the “duke” hover. But the click is only in the hover, it should be on all the image.

I’m sorry, each hover effect has its own styles.

Please add custom CSS as I provided to remove the magnifier icon on other effects instead.

This theme comes with Sticky Navigation, the top menu will be fixed automatically when you scroll the page.

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

Thank you ! you solve it ! ok i will send you next time with purchased acount..Sorry of my english is o bad Have a nice day !!

(sorry I didn’t see your response for the main nav social icons, thank you I’ll do it:)

Hi there,

You can add custom CSS below to Theme Options -> Advanced -> Head Content to change both of them:

<style type="text/css">

    /* Change the portfolio text color */
    .w-effect-overlap figure h3,
    .w-effect-overlap figure p {
        color: #fff;
    }

    .w-effect-overlap figure p:before{
        background-color:#fff;
    }

    /* Disable hover effect on blog masonry */
    .w-blog-posts:not(.w-overlap) .w-item > .post:hover, 
    .w-blog-posts.w-overlap .w-item > .post.no-cover:hover, 
    .w-blog-posts.w-overlap .w-item > .post.format-quote:hover{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        box-shadow: none;
    }

</style>

I’m sorry but we have 6 home pages for this theme so I’m not quite sure which one exactly.

If that is the grey shadow when you hover on each post in the blog masonry posts, you can change it or remove it by custom CSS. You have to add custom CSS below to Theme Options -> Advanced -> Head Content to remove the shadow from blog posts:

<style type="text/css">
    .w-blog-posts:not(.w-overlap) .w-item > .post:hover{
        box-shadow: none;
    }
</style>

If this is not what you’re looking for, please provide me the URL of that home page you mentioned or show me any screenshot.

Hi, No I would like to change the color, from the bottom of a post on the home page. Home Page : Travel with masonry posts. You can see here : http://d.pr/i/bJgT

Thank you for the details!

Here’s the code to change the background color of the first post in the masonry layout from grey to white:

<style type="text/css">
    .w-blog-posts.w-masonry .w-item.item-0>.post {
        background-color: #ffffff;
    }
</style>

Hi,

It’s not available in the theme design, you have to edit the main navigation template file in your child theme to add social icons in the right corner of the main navigation.

1. Install overlap-child-theme.zip.

2. Open cPanel File Manager on your server to copy “wp-content/themes/overlap/templates/navigation/header-nav.php” to “wp-content/themes/overlap-child-theme/templates/navigation/header-nav.php”.

3. Edit the template file “header-nav.php” in your child theme as below:

<?php if( overlap_get_nav_layout() == 'center' ):?>
            

<?php overlap_extra_menu(); ?>

<?php if( overlap_get_nav_layout() == 'center' ):?>            
         <?php overlap_social_icons(); ?>            
<?php endif;?>

4. Add custom CSS in style.css in your child theme as below:

#top-nav .social-icons{
    float: right;
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    bottom: 0;
    height: auto;
    text-align: right;
    margin-top: -15px;
    margin-right: -15px;
}

5. This will work only on the Center layout of navigation. Go to Theme Options -> Navigation, change the Layout to “Center”.

Regarding the Instagram Feed. You can try this plugin: https://wordpress.org/plugins/instagram-feed/

After you setup the Instagram token in the settings page, you can copy the plugin shortcode and insert it into the Text Block element to display it on your page.

Hi,

This is a bug of the theme, it should be changed automatically by the theme color scheme. Thank you for reporting this issue, it will be fixed in the next update.

If you have other plugins installed, try to deactivate them all to see if it works.

If it still doesn’t work, please PM me your site URL: https://themeforest.net/user/wyde#contact

1. That is only sample code on how to set the font for the headings (i.e. h2, h3, etc.). You will need to set it to specific elements on the page. Also, if you have default font styles for those elements, you should set them with !important as below:

body, h2, h3, h4, h5, h6 { 
font-family: ‘Cornerstone’, Arial, sans-serif !important; 
}

You can inspect the element by using Developer Tools in your browser to find the exact CSS class for each element.

2. The Page Title field in Overlap Options -> Title Area doesn’t allow you to set it to blank, please put the space bar once into this field to remove the title.

3. Here’s the code to add the line between menu items, you can add it to style.css in your child theme:

    .dropdown-nav > ul > li{
        padding: 8px 0;
    }

    .dropdown-nav > ul.top-menu > li > a{
        border-left: 1px solid #aaa;
        line-height: 41px;
    }

    .dropdown-nav > ul.top-menu > li:first-child > a{
        border-left:none;
    }

    #header.w-fixed .dropdown-nav > ul.top-menu > li > a{
        line-height: 32px;
    }

4. All icons are font icons, you can change them via CSS like the CSS below:

.ol-up:before {
    font-family: 'yourfontname';
    content: '\e849';
}

However, it’s too difficult to provide the code to change them all, you will need to inspect the element by using the Developer Tools in your browser so you will find the exact CSS class for each icon.

Hi thanks Wyde I got my font working now, with number 2 though, your space bar tip got rid of the title but its still showing a black underline where the title was, how do I not show this, is there a way.

cheers

You have to add custom CSS below to Theme Options -> Advanced -> Head Content to hide the page title and subtitle:

<style type="text/css">
    .title-wrapper .container{
        display:none;
    }
</style>