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 guys, I have just a small annoying issue with one row on my site. It’s set up with empty space of 550px and a background image with reverse parallax set.

I’m not sure whether its because its the first image on the page that I’m noticing this issue (compared to similar rows further down), but when the page first loads, the image location is higher and then it readjusts and the image is lower (and in the position I am happy with). However, I find the image readjusting on load is a bit jarring and I’d like to avoid it if possible.

It may be I’ve set the row up incorrectly, I’m not sure? Would you mind checking it out and comment on this? The link is http://www.muuv.com.au/about-us/ (you have previous login details) :-)

Thanks heaps!

We’re sorry but that is exactly how the parallax row works. It will readjust the background position after the page and images are loaded. You may need to avoid adding a parallax row to the top of the page if you wouldn’t like this.

Hi guys, My product price has stopped showing (normally showed up after the options are selected)...was working fine previously and I’ve only noticed it not working now. Not sure if its the result of my tax settings (set up this morning) or not but I’m really not sure where to start to figure out why its not there. I have a css snippet to hide it at the top the page (and the product title) but it was still working and showing fine underneath the options. It shows up in cart and checkout tho. I’ve checked and its in the backend variations. Some assistance would be really appreciated! Thanks. Actually, it just occurred to me to check whether the css snippet was causing the issue, for some reason and I deleted it and: my price is now displaying!

This is the css snippet: .single-product .product_title, .single-product .price { display: none; }

However, I’d still like to hide the price and the title from the top of the page (but not when the options are selected) under the options. As I say, it was working fine and I’m not sure why it stopped, so I’m sure there is a work around/tweak for this? Thanks again.

If you’d like to hide the product title and price at the top of the page, you shouldn’t delete the snippet above but will need to add the one below to show the price under the options:

.woocommerce-variation-price .price {
display: block;
}

just returning to this support ticket as its not working again! argh! can you login and check my css snippets?? I’ve deleted both and the price shows at the top but not when options are selected.

Because that product has only one price for all options (product variations), you will see the product price at the top but not when options are selected. That is exactly how WooCommerce works.

The price will show up in the options section only when you have different prices for different options.

Hello I want to use the “Blog Overlap Full Width – Right Sidebar”, but I need to use a slider instead of an image in the title area, as the Travel Blog´s home. Is this possible?

We’re sorry but the slider is not available in the title area. You will need to add it by using the page builder. Unfortunately, you couldn’t use the page builder on the blog page (default posts page) and couldn’t add any content there.

To work around this, you may need to create a custom blog page so you can build it by using the page builder to add a slider to the top of the page.

Here’s a quick tip:

1. Create a page, then add a Blog Posts. Please DO NOT set it as the Posts page.

2. Disable the title area for that page, then add a slider by using the page builder to the top of the page.

OK thanks. I’ll try to do it

Hey guys On my desktop, the contact form looks great, but on mobile, the message text box is indented more than the other fields (left and right)...when I go into the settings and change to no padding – it fixes it for mobile but of course then the fields run into each other on desktop version. How do I get around this please?

Try adding the CSS below to see if it works:

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

.wpcf7 .col-6 {
    padding: 0;
}

}

Perfect! Thank you!

31d4f15f-fe11-4e8a-bf5d-39fa566ca61f – 7 Aug 2018 REGULAR LICENSE

Hi There,

We are looking to change ‘category’ and ‘skill’ into other words. Could you please advise on how to do this.

Cheers Simon

Hi There!

Thank you for contacting us.

You may need to use the Loco Translate plugin ( https://wordpress.org/plugins/loco-translate/ ) to translate the theme and edit those words.

However, translating the theme will change those words only for the frontend. If you’d like to change them on the backend, you will need to translate the plugin called Wyde Core to edit those words too.

You can find the instructions on how to use that plugin in the link below: https://localise.biz/wordpress/plugin/beginners

Hi thanks for this. We were able to get the slug name changes but not the URL. The url is still ‘portfolio-skill’ how do we adjust this? thanks

Translating the theme couldn’t change the url of the portfolio skill.

To adjust this, you will need to modify the taxonomy to update the portfolio skill slug.

Here’s the code to override the portfolio skill slug, add it to functions.php in your child theme:

function overlap_update_portfolio_taxonomy_slug() {

    $portfolio_skill = get_taxonomy( 'portfolio_skill' );

    $portfolio_skill->rewrite['slug'] = 'new-portfolio-skill'; //New Slug.

    // re-register the taxonomy
    register_taxonomy( 'portfolio_skill', 'wyde_portfolio', (array) $portfolio_skill );
}
add_action( 'init', 'overlap_update_portfolio_taxonomy_slug', 50 );

Hi support, I am using the classic menu layout (with most items hidden for desktop) and the sliding bar for my main menu. However, I have created a new menu for the sliding menu (called ‘sliding menu’) so my top navigation is still under the main menu section. My question is: how to capitalise the text? You guys previously provided support for the sliding menu to achieve this and its working great, but I’m not sure what the css would be for the main menu (have tried a couple of options with no luck)...i’m sure its an easy solutions! TIA

Try adding snippet below to see if it works:

#top-nav .top-menu > li > a {
    text-transform: capitalize;
}

Perfect! Thank you :-)

Hi there I think there may be a bug with the icon block settings. The icon doesn’t sit centred within the box (vertically). I have tried with small and medium sizes and it still didn’t sit right. It’s inside a row that has the text set to be centred. Can you please check this or advise what I need to do to achieve this? TIA

It’s working properly on our demo site: https://wydethemes.com/overlap/elements/icon-block/

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 send me the link of that page so I can take a look.

ok, i’ve just worked around it with a different style for now. thanks.

Hi, it is possible to “turn off” the theme’s link colour settings for just one page? Or tweak them? I have linked a whole heap of text in a footer page but would like it to show in just the regular text colour (which is currently the hover colour of the link) and then change to #ff0000 only on hover…(this is the colour the text is currently showing at) TIA

that’s great. on mobile, I’m using the menu system and I need the same adjustments (but I don’t want it to affect desktop)...css snippet please? TIA Also, I need it to stay the changed colour (ie active page colour on mobile as currently it ‘disappears’ from the menu as the text colour is the same as the background colour of the menu…

Here you are:

#side-nav .vertical-menu li.back-to-parent:hover > span, 
#side-nav .vertical-menu li:hover > a, 
#side-nav .vertical-menu .current-menu-ancestor > a, 
#side-nav .vertical-menu .current-menu-item > a {
        color: #000;            
}

Thanks!

Hi support I’m working with the personal portfolio home page slider and trying to customise it (without doing too much work with the settings). However, I would like my text layers and button and an image to sit on the right hand side of the slider but to be left justified and line up (vertically) with each other…I’m having real trouble! Can you assist with some tips or link me to documentation to help with this? Regards

Hey thank you so much! I can see that’s working great now. i’ll go through and adjust the settings for other screens. However, the hover on the button still doesn’t seem to be working as it should – is there an animation setting on it? I would have thought it should stay the hover colour (#ff0000) until the mouse moves off it?) TIA

To achieve this, you have to set the Opacity in the color settings box under the Background tab from 0% to 100%.

hey thanks! :-)

Hi I’d like to stop my logo from sizing down on scroll. Can you provide a CSS snippet for this please? Thanks

Here you are:

#header.w-scrolled .container, 
#header.w-fixed .container {
    height: 85px;
}

ah sorry, should’ve asked for it to apply to mobile as well….? css snippet please?

Here’s for mobile:

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

#header.w-scrolled .container, 
#header.w-fixed .container {
    height: 65px;
}

}

Hello, I have a problem with my theme for a few weeks : When I want to modify an existing or new page, the Overlap options tab is visible. However, all the sections (page, header, title area, background, footer) are empty. Do have an idea how to fix it ? Thank you in advance !

Hello,

Thank you for the details!

This error message is commonly associated with issues regarding the CURL extension of PHP on your web server. You will need to upgrade the CURL extension to the latest version and you will also need to allow SSLV3 for it.

If you couldn’t access your web server configuration section, you may need to contact your web hosting admin and ask them to do this for you.

Hello, Great, it worked! Thank you very much for your answer!

You’re welcome ;)

Hi There!

I LOVE your theme. It’s gorgeous. I’m having an issue in the blog area though. For some reason, even though the theme setting is on, the front end is not displaying excerpt content in my blog post area. It only displays the title. Can you assist?

Thank you! Jaclyn

Hi There!

Thank you for choosing our theme.

If you’re using a blog Overlap layout (side by side layout), the excerpt will be hidden on medium size of screens (screen width between 992px and 1024px) because there is no enough space to show the excerpt. Please don’t worry, it is displaying the excerpt on normally other screen sizes.

However, we will fix it in the next update so it will display the excerpt on any screen sizes.

Hi is it possible to set the header style to wide (full width) but then indent the logo on desktop, say 100px – i’m happy with the right margin but the logo seems too far left? TIA

hi there, this was working great, and then I changed to classic menu layout (page is set to wide) so maybe I need to now adjust this css (the logo is sitting at the widest point to the left again) please advise? TIA

You will need to remove .fullscreen-nav from the CSS snippet I provided so it will work with the classic menu too.

perfect. thank you!

I bought your theme because I liked it, but also because it was compatible with WooCommerce. I’m concerned that the theme includes outdated copies of WooCommerce template files. Will these be updated?

You can normally use it without any problems. However, we will update the template files in the new update of the theme that will be released in a few days.

Re: text box in product description – Hi support, I’ve created a text box in the product description, copying the code from Visual Bakery as follows:

text_align="center"][vc_column_text]

YOUR MUUV®, INTEREST-FREE* Align1 Solutions also offers an interest-free Monthly Payment Plan Option to help you purchase your Muuv® chair over a five-month period.

*Promotional Offers Do Not Apply.

title=”Go to Monthly Payments” size=”large” color=”#ffffff” bg_color=”#7cda24” link=”url:https%3A%2F%2Fmuuv.com.au%2Fproduct%2Fmuuv-installments%2F|||” css=”.vc_custom_1536635765418{background-color: #7cda24 !important;}”]/vc_column

Everything show up except the row background colour – I’m not sure why – do you have any suggestions? TIA

As seen in the code above, I’m not sure it is correct. You should copy the whole codes in the text editor so it should start with [vc_row] and end with [/vc_row] like the one below:

[vc_row background_color="#f4f4f4"]
[vc_column text_align="center"]
...
...
[/vc_column][/vc_row]

Hi, is it possible to input some text under my product attributes (colour/price etc) instead of above (under the product description)...

If you put the text in the Description field under the Variations tab, it should appear under the product attributes, see more details here: https://docs.woocommerce.com/document/variable-product/#section-4

Hi I’ve been trying to use a third party plugin (called WooCommerce Additional Variation Images), which seems to be conflicting with your theme.

Woocommerce Support has suggested I contact you and see if you can offer a solution or fix for the issue. Basically, when activated, it overrides the woocommerce gallery and zoom feature for the products. The thumbnails display at a smaller size, the arrows to scroll through disappear and the images can’t be clicked on (to enlarge or zoom).

After following up with them regarding the issues, they commented as follows:

“Yes, I’m still seeing the issue with the images. However, I tested on my personal site with only Storefront theme and no other plugins, and confirmed that the images should work as usual with the Variation Images (can click on images to switch between them, etc). This points to a conflict with something else specific to your site.

Page Builder plugins often cause conflicts with this sort of functionality. Also, I’m unsure about two of the other plugins: Overlap Demo Content by Wyde – 1.0.8 Wyde Core by Wyde – 3.7.7

I’m wondering if you’ve encountered this issue and if so, whether you had a fix or whether you can offer some css as a workaround?

Many thanks in advance.

Of course, this theme overrides default WooCommerce gallery and zoom feature, they are not included in the theme design. The theme was released since May 2016 before the new gallery with zoom feature from WooCommerce was added so those features are not compatible with the theme.

We’re sorry but we have never tried that plugin with this theme and it is not included in the plugins support list so we couldn’t answer exactly why it doesn’t work.

However, if you’d like to add images for variable products, for instance, different images for different colors. If so you don’t need a third party as you can see in our demo below: https://wydethemes.com/overlap/product/ship-your-idea-2/

HI, my contact form is using the following:

[text* your-name placeholder “Name “]

[email your-email placeholder “Email “]

[tel your-tel placeholder “Phone”]

[text your-subject placeholder “Subject *“]

[textarea your-message 40×12 placeholder “Message”]

[recaptcha id:Contact-Us class:contact-us theme:light]

<input type=”submit” value=”Send Your Message” />

However, the message box isn’t the same height as the other column/field inputs (bottom finishes just above the field on the other side. I’ve tried changing the value to 40×13 or 40×14 but it doesn’t line up still. Can you help with this or suggest another of laying it out so that both “columns” are equal height, no matter the device its viewed on. Regards

You may need to set the height for the message box to make it equal to the other side.

Put the CSS snippet below to the CSS Settings for the contact page:
.wpcf7-textarea {
  height: 235px;
}

Hope this helps!

Hi there, I think I may have struck this issue before with the sliding bar – when the button/link “purchase now” is hovered over, it disappears (maybe it’s set to white text on hover?) Can I have a fix for this please? Hover colour needs to be ##ff0000 on my theme. Many thanks.

Here’s the shortcode for the button that you’re looking for:


[wyde_link_button style="none" size="large" title="Purchase Now" link="url:http%3A%2F%2Fthemeforest.net%2Fitem%2Foverlap-high-performance-wordpress-theme%2F15344205%3Fref%3DWyde||" hover_color="#ff0000"]

Also, I would recommend using the page builder to build the content for the Text widget. You may need to create a blank page first, then add a button and choose the settings for it. Switch to the Classic mode and select the Text tab in the Text Editor, then copy the code and put it into the Text widget on the Sliding bar.

Header/Navigation Hi support…I’ve been trying to work out the best way to recreate the following menu layout: https://align1solutions.com/product/muuv/ with your theme. I’ve arrived at possibly using the sidebar for the menu on desktop, with a regular menu (hidden on desktop) and reverse for both on mobile.

My question is whether I can hide specific menu items on desktop or its an “all or nothing” approach? Other themes offer a top header section where I could place the phone number but I don’t think this theme offers this – correct me if I’m wrong as it would be a really simple solution!).

I’ve loaded the personal portfolio demo (if I can hide the menu and specific items still remain visible) so would need to now switch to the standard menu style – what’s the best way to do this? Regards

That menu layout is not available in this theme. This theme comes with only 3 navigation layouts and doesn’t have a top bar to show the phone number as you can see in our demos. This is only available in our new theme called “Aoraki”: https://themeforest.net/item/aoraki-multiconcept-business-wordpress-theme/19652714

To hide specific menu items on desktop, you will need to put an extra CSS class named hidden-lg into the CSS Classes field of the menu item. That field is hidden by default, you can enable it under the Screen Options in the top right corner of the menu edit screen, select “CSS Classes” so that field will show up in the menu item setting box. Put hidden-lg to that field to hide the menu item on desktop.

Also, here are extra CSS classes to hide it on other screens:

hidden-lg    = Large (desktop)
hidden-md  = Medium (laptop, tablet landscape mode)
hidden-sm  = Small (tablet portrait mode)
hidden-xs   = Extra small (mobile).

Hi thanks, I thought I’d found the perfect solution to my layout issues with this! However, adding the css into the menu also now hides it in my sliding bar (which I’m using for the desktop menu system) argh! Is there any way to further specify? I To be clear, I want my full menu to show in my sliding bar on desktop/large screens, only two items to be visible in the actual menu (across the header area), with all the menu items to be visible on mobile and act normally as per the template…. thanks SO much for your assistance on this one…

Unfortunately, you couldn’t adjust this by using a built-in extra CSS class from the theme. You will need to add custom CSS to style.css in your child theme to hide specific menu items. However, this is a theme modification, you will need to do it yourself and at your own risk.

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