Sorry for the delayed response!

There seems to be a problem with the lightbox in this theme. Thank you for reporting this issue. We will fix it in the next update of the theme.

You may need to use custom CSS to achieve this. You can find more details on how to use the Chrome Inspector to edit your website CSS here: https://designtlc.com/use-chrome-inspector-edit-website-css/

You can send a private message through the contact form here: https://themeforest.net/user/wyde#contact

The ‘Home’ is hidden by the header which you’ve increased. You will need to add CSS snippet below to fix it:

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

#side-nav {
    padding-top: 95px;
}

}

Perfect! Thank you

The easiest way to use custom font on your website is to install the third party plugin like Use Any Font

However, if you would like to add it to the font list in the Typography section in Theme Options. Here are the instructions:

1. You have to install the Overlap Child theme on your site. You will find the file overlap-child-theme.zip in the main download zip file.

2. Navigate to Appearance -> Theme Editor to edit the Overlap Child theme.

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

/**
 * Adds custom fonts into Typography field.
 */
function overlap_add_custom_fonts( $sections = array() ) {

    if ( isset( $sections['typography'] ) && ! empty( $sections['typography']['fields'] ) ) {

        // Append your custom font names into the font dropdown list.
        for( $i = 0; $i < count( $sections['typography']['fields'] ); $i++ ) {

            $sections['typography']['fields'][$i]['fonts'] = array(
                "Arial, Helvetica, sans-serif"                         => "Arial, Helvetica, sans-serif",
                "'Arial Black', Gadget, sans-serif"                    => "'Arial Black', Gadget, sans-serif",
                "'Bookman Old Style', serif"                           => "'Bookman Old Style', serif",
                "'Comic Sans MS', cursive"                             => "'Comic Sans MS', cursive",
                "Courier, monospace"                                   => "Courier, monospace",
                "Garamond, serif"                                      => "Garamond, serif",
                "Georgia, serif"                                       => "Georgia, serif",
                "Impact, Charcoal, sans-serif"                         => "Impact, Charcoal, sans-serif",
                "'Lucida Console', Monaco, monospace"                  => "'Lucida Console', Monaco, monospace",
                "'Lucida Sans Unicode', 'Lucida Grande', sans-serif"   => "'Lucida Sans Unicode', 'Lucida Grande', sans-serif",
                "'MS Sans Serif', Geneva, sans-serif"                  => "'MS Sans Serif', Geneva, sans-serif",
                "'MS Serif', 'New York', sans-serif"                   => "'MS Serif', 'New York', sans-serif",
                "'Palatino Linotype', 'Book Antiqua', Palatino, serif" => "'Palatino Linotype', 'Book Antiqua', Palatino, serif",
                "Tahoma,Geneva, sans-serif"                            => "Tahoma, Geneva, sans-serif",
                "'Times New Roman', Times,serif"                       => "'Times New Roman', Times, serif",
                "'Trebuchet MS', Helvetica, sans-serif"                => "'Trebuchet MS', Helvetica, sans-serif",
                "Verdana, Geneva, sans-serif"                          => "Verdana, Geneva, sans-serif",
                "'Your Font Name', sans-serif"                         => "'Your Font Name', sans-serif", // Your font name here.
            );

            // Add CSS file of your custom fonts to the Typography field's preview.
            $sections['typography']['fields'][$i]['ext-font-css'] = get_stylesheet_directory_uri() . '/custom-fonts.css'; // The URL of your custom fonts CSS file. You can also use the full URL https://yourdomain/path/css-file.css

        }

    }
    return $sections;
}
add_filter( 'redux/options/overlap_options/sections', 'overlap_add_custom_fonts', 100 );

The code above will add your font name into the Standard Fonts list.

Hope this helps!

I’m sorry, I’m really confused. I still see no change. To confirm. I am using a dark background colour with light colour text (and have just used the default theme settings for the cart/checkout pages. I haven’t modified anything). This is how its always been. I actually don’t understand your original reply as now it seems your original css should have been correct. Can you please check this page: https://www.windingroaddistilling.com.au/cart/ and let me know…

don’t worry. have fixed it by changing it to .w-text-light

Glad to hear that

Sorry for the late reply!

Here is the code for that contact form:

<div class="row">
<div class="col col-10 no-padding">[email* email-913 placeholder akismet:author_email "Your E-mail"]</div>
<div class="col col-2 no-padding"><input type="submit" value="Send" style="margin:0; width:100%;" /></div>
</div>

However, you can also re-import contact forms in Theme Options -> Home, select only “Contact Forms” then choose the demo to import.

Try adding CSS snippet below to see if it works:

.w-instagram-photos {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.w-instagram-photos li {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
}

.w-instagram-photos li a,
.w-instagram-photos li img {
    flex: 1;    
    height: 100%;
    line-height: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

Thank you so much. This has provided a really great solution

Sure, you can send a private message through the contact form on our profile page: https://themeforest.net/user/wyde#contact

Sorry for the late reply!

Anyway, the breadcrumb on product page is hidden by the header which you’ve increased. You will need to add the following CSS to fix this:

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

.main-content.header-space {
    padding-top: 95px;
}

}

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

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

}

Great, thank you!

Which code do you find in the theme? Could you please let me know more details?

sorry, wrong comment

It’s called Hickory Jack, you can download it free here: https://www.dafont.com/hickory-jack.font

We are sorry but the theme support is only available for users who have purchased our theme.

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.

Hello,

This is a responsive theme, it automatically adjusts the layout based on the screen size and resolution as seen on our demo site.

Could you please tell me more details or send me your site URL so I can take a look?

If you couldn’t complete the installation using a “Bulk Actions”. Try to install them one by one to see if it works.

If it still doesn’t work, you may need to install them manually. Those plugins are included in the main download zip file. After you extract that zip file, you will find them in the “Plugins” folder, see more details here: https://wydethemes.com/overlap/documentation/#package-content

You can simply upload the plugin zip file under Plugins -> Add New to install it. You will find the instructions here: https://wordpress.org/support/article/managing-plugins/#manual-upload-via-wordpress-admin

However, some web hosting doesn’t allow uploading a large file. Please ensure that you have increased the PHP limits to the minimum as follows:

max_execution_time = 300

memory_limit = 128M

post_max_size = 64M

upload_max_filesize = 64M

max_input_vars = 5000

Hope this helps!

Have you tried editing the .htaccess file in your old website and using Better Search Replace plugin as I provided in previous replies?

However, this is an issue with WordPress installation. It is not related to the theme and not included in the theme support so I couldn’t help you with this. Also, it needs to do on your web server directly, you may need to do it yourself or contact your web hosting admin to do it for you.

Anyway, you can find the instructions on how to move WordPress site to root directory in the links below:

https://hosting.review/tutorial/move-wordpress-site-to-root/ https://wordpress.org/support/article/moving-wordpress/#moving-directories-on-your-existing-server

Try the CSS below to see if it works:

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

.w-gmaps {
   height: 300px !important;
}

}

Again, perfect! Thanks a lot!

Try the CSS below to see if it works:

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

.wpcf7-form-control-wrap {
  margin-right: 0;
  margin-bottom: 10px;
}

}

perfect! Thank you

I just visited your new website (https://www.chemineestoffin.com/) using Chrome. Everything is working correctly on my end. If it doesn’t work on your end, it might be a browser cache issue. Try to hard refresh (Ctrl+F5) to see if it works. You can find more details here: https://www.getfilecloud.com/blog/2015/03/tech-tip-how-to-do-hard-refresh-in-browsers/

However, after you move your WordPress site to the root directory. Your old address (https://.../wordpress) will result in 404 errors because the .htaccess file of your WordPress site will cause conflict.

You will need to edit the .htaccess file in your old website (sub-directory WordPress install) to fix this issue. You will find the instructions in “Step 5. Fix Permalinks” on this page: https://www.wpbeginner.com/wp-tutorials/how-to-install-wordpress-in-a-subdirectory-step-by-step/

Hello,

After you move WordPress installation directory to the root directory. You may need to use the Better Search Replace plugin to update the links and URLs in your database to the new one. You can find the instructions here: https://wordpress.org/support/article/moving-wordpress/#moving-directories-on-your-existing-server

However, I just visited your new website and everything seems to be working fine. Looks like you have solved this issue.

Thank you for choosing our theme!

Here is the CSS snippet to increase the logo only on normal navigation menu (not sticky menu):

#header:not(.w-fixed) #header-logo img {
    max-height: 75%;
}

By default, the dropdown menu will appear below the navigation menu. You will see exactly how it should be when you disable the Transparent Header, as you can see in this demo: https://wydethemes.com/overlap/overlap2/

If you increased the navigation menu height to 100px the dropdown menu will be far from the main menu 100px too.

You may need to remove your custom CSS (that increased the menu height) to make it closer to the dropdown menu. Otherwise, you will need to add CSS snippet below to Appearance -> Customize -> Additional CSS to reduce the menu item height and make it closer to the dropdown menu:

.dropdown-nav > ul > li > a {
    height: 50px;
}

Hope this helps!

Hi Wyde, it works great now

can I also change the design? For the portfolios, the categories and the skills are among each other. I would like to have them next to each other

excuse me – double entry, you can delete one;) Finally, one more question: can one also duplicate the portfolio entries?

You can add custom CSS to Appearance -> Customize -> Additional CSS to style them. For example: Here is the CSS snippet to make the categories closer to the skills:

.portfolio-category-widget {
  margin-bottom: 10px;
}

Also, you can use the Duplicate Post plugin to duplicate the portfolio entries.