1303 comments found.
Hi, I have custom headings, which I’d like to specify the size for mobile devices. They’re currently at 50px for desktop but I think around 30px for mobile would be good. Can I have a css snippet for this please? TIA!
It depends on what element tag of the custom headings. Here’s the CSS for h2, you can change it when using another tag:
@media only screen and (max-width: 599px) {
.w-custom-heading h2 {
font-size: 30px !important;
}
Hi there I have parts of my home page that aren’t displaying on mobile. I’ve checked the column and row settings for any ‘hide’ instructions and there don’t seem to be any. Have refreshed on mobile but no luck. Can’t think what else would be causing this. Would you mind logging and taking a look? TIA
sorry, my bad. missed one column check and have now found the problem. thanks!
Glad to hear that you’ve figured it out.
Hey guys,
Question about the single portfolio page:
Would it be possible to use the 5th layout, but have all the text appear at the top right? So also the title and text entered in the first text field?
Let me know 
Best, Eva
You may need to edit the single portfolio template file in your child theme to achieve this.
Here’s a quick guide:
1. Please ensure that you’ve installed the Overlap Child theme on your site. It’s included in the main download package.
2. Copy the single portfolio template file (Vertical layout) from the Overlap theme folder “wp-content/themes/overlap/templates/portfolio/single-vertical.php” to your child theme folder on your web hosting “wp-content/themes/overlap-child-theme/templates/portfolio/single-vertical.php”.
3. Edit that template file in your child theme to suit your needs.
For example:
If you’d like to have all text at the top right, you will need to move the code from the line 86-89:
<?php if( !overlap_has_title_area() ) the_title('<h2 class="post-title">', '</h2>'); ?>
<div class="post-content">
<?php the_content(); ?>
</div>
And then insert them before the code below:
<?php overlap_portfolio_sidebar(); ?>So you will have the new lines of code like below:
<?php if( !overlap_has_title_area() ) the_title('<h2 class="post-title">', '</h2>'); ?>
<div class="post-content">
<?php the_content(); ?>
</div>
<?php overlap_portfolio_sidebar(); ?>
Hi! I finally tried this, but it doesn’t work. Could you help me out?
I’m sorry it did work. But i’ve got another question; could i create a background color / framework around the text in de right column? And make the right column a little bigger and the left one a little smaller?
Thanks again!
.single-wyde_portfolio .main-content .w-sidebar {
background: #eee;
padding: 15px;
}
2 – To make the left column smaller and the right one bigger, you will need to edit the template file “wp-content/themes/overlap-child-theme/templates/portfolio/single-vertical.php” in your child theme as below:
Replace:class="w-main col col-9"With:
class="w-main col col-8"And replace:
class="w-sidebar col col-3 post-description"With:
class="w-sidebar col col-4 post-description"
Hi guys,
Is it possible to change the line hight of the portfolio title? I want to decrease the line height of the title itself and of the title and category.
Thanks!
Best, Eva
/* Portfolio title */
.w-view figure h3 {
line-height: 30px;
}
/* Portfolio category */
.w-view figure p {
line-height: 16px;
}
However, the line height of the portfolio title and category can vary depending on the portfolio hover effect. If the snippet above doesn’t work correctly, please let me know which one that you’re using or send me the link of your portfolio page so I can provide the right one.
Hi, thanks for the quick reply! This works for desktop. Only on mobile it still has a lot of space between the lines. I’m using overlap hover effect, but on mobile the text is underneath the photo. See the page here: https://franklee.nl/werk/
Also, i’d like to add multiple categories or categories in multiple words, some words are invisible on desktop when they get to long. Is there a way to work around that? Maybe decrease the font size of the categories?
Thanks!
You may need to replace the CSS snippet I provided in previous reply with the new one below, it will show multiple lines of portfolio titles and categories. Also, it will fix the line height issue on mobile and decrease the font size of the categories:
/* Portfolio title */
.w-view figure h3 {
line-height: 30px !important;
height: auto;
max-height: none;
}
/* Portfolio category */
.w-view figure p {
line-height: 16px !important;
font-size: 14px;
height: auto;
max-height: none;
}
Hope this helps!
Demo not fully loaded, help me…
You may need to increase the PHP limits to the minimum as provided in our documentation.
You can use the PHP Settings plugin to check and edit those limits.
If it still doesn’t work, you may need to send us your WordPress login details to the contact form in the link below:
https://themeforest.net/user/wyde#contactDear author,
Is there a way to outline the logo (light-logo) in the menu header more to the left?
Best regards, Lucas from IT2day
#header.w-full .container {
padding: 0 50px;
}
However, if you’re using a full width header navigation and have a few numbers of menu items, you may need to disable the Full Width option under Theme Options -> Navigation -> Top Navigation to make the logo close to the menu items.
Dear author, thank you for your support. I’ve tried this code with 50px, 100px, and 200px but the logo is staying at the orignal spot, see comparison screenshot at: https://paste.pics/4ef831e50deba678350f3c21f052eba8 Could you look into this please?
My apologies! I thought that you’re using the full width navigation.
Here’s the new one:
#header .container {
padding: 0 100px;
}
Thank you, but the logo seems to get smaller and a little bit to the left, while the menu also goes to the left. I need to have the logo more to the left, the menu sticking it where it is now or more to the right. Is that possible?
You will need to enable the “Full Width” option under Theme Options -> Navigation -> Top Navigation to have the logo more to the left.
Hey there, i have bought a regular license. but i need an another license.
i installed the envato market plugin to update my themes. is there a problem with 2 licenses?
Best regards, Sebastian
One regular license is only for one site. If you have another site, you will need to purchase a new one regular license.
Also, when using the Envato Market plugin, you should install it on each site. And then you will need to generate the Token Key for each site by using different purchase code. If you have 2 licenses, you will have 2 different purchase codes.
Hey there,
First of all, lovely theme! I just had a questions – In the Masonary Blog format, is it possible to remove the feature post which is a full width one right on top? I’d like the whole page to have the same template.
Let me know.
Thanks!
Hi there,
Try adding CSS snippet below to Appearance -> Customize -> Additional CSS to see if it works:
@media only screen and (min-width: 992px) {
.w-blog-posts.w-masonry .w-item.item-0 {
width: 33.33333%;
float: left;
min-height: 0;
}
.w-blog-posts.w-masonry .w-item.item-0 > .post {
background: #fff;
border: 1px solid #f4f4f4;
margin: 0;
}
.w-blog-posts.w-masonry .w-item.item-1 {
margin-top: 0;
}
}
Hey, tried this but doesn’t seem to work. Makes the post smaller but the formats still the featured post one. Just the width reduces
Apology! I only tried it with the fist post without the featured image. However, it doesn’t work when the post has the featured image.
After checking the main CSS style, I’m sorry but it is too difficult to edit the style of the first post to make it the same format as others.
This is included in the main theme design, the first post is always full width, you couldn’t change this. You may need to hide it instead of changing its style. Here’s the CSS snippet to hide it:
.w-blog-posts.w-masonry .w-item.item-0 {
display: none;
}
Hi guys,
Just updated the theme and I see a change on my portfolio page. I’m using the overlap hover effect and now the color block and title color are both blue which makes the title invisible. It’s only visible when you hover over the invisible title (which is kind of impossible;)). Could you provide CSS to make the title white instead of blue? See https://franklee.nl/werk/
Best, Eva
Looks like you have figured it out. The portfolio title on your site is now white.
Dear Wyde support,
We couldn’t find a backend setting at Theme Option > Title area to change the title typography.
For the large title wrapper we don’t want to use the fontstyle in italic, just normal.
We think it’s the following code: .title-wrapper.w-size-l .title { font-size: 90px; font-weight: 400; font-style: italic; text-transform: capitalize; }
We have tried to overwrite this code in custom css, deleting the line of font-style or change it to another style with the important sign but that didn’t work.
Could you please let us know how to change the font-style that is shown title area on the overlap pages?
Many thanks in advance!
.title-wrapper.w-size-l .title {
font-style: normal;
}
worked like a charm, thank you!
You’re welcome
Dear author, as a follow up, what could I add at custom CSS code if I want to use the Lato font. exact details: Lato font size 130px, linehight 100px, font weight (bold) 700. Hope you could help us please. Thank you in advance!
The page title is H1, you can set the Font Family and Font Weight under Theme Options -> Typography -> H1.
However, you will need to put the CSS snippet below to Appearance -> Customize -> Additional CSS set the font size and line height:
.title-wrapper.w-size-l .title {
font-style: normal;
font-size: 130px;
line-height: 100px;
}
Worked like a charm! thank you very much.
Work like a charm, thank you for your support!
You’re welcome
Hello,
Thank you so much for creating this theme. It is exactly what I was looking for. I do have one thing that I can’t seem to figure out. I’m having issues with the mobile menu background color.
I have gone to theme options > navigation and scrolled down to the mobile navigation section. I then changed my background for mobile to #8ecac7.
Everything looks great on my computer and when I change to show tablet and mobile views the menu is exactly how I want it to be. However when I go to look at it on my iPhone, the home page mobile menu background remains white. Since I have white text for the menu links, they are unable to be read unless you hover over top of it and it will reveal the hover color. When I go to other pages on my iphone though the menu works great showing the background color and everything. It just seems to have an issue with the home page. Do you have any idea what I could do to fix this? My site is kaymaker.com if that helps at all.
Thanks in advance!
Hello,
Thank you for the site URL!
Everything looks great on my iPhone, the menu background on the home page is exactly what you set (green), the same as other pages.
It might be a browser caching issue. Try to clear the browser caches on your iPhone to see if it works.
Happy New Year!
it seems to have fixed itself! Haha thank you! Happy new year to you, too!
Hi!
My friend asked me to install this theme for him, but I’m unable to install the demo content. After I upload the zip file on the ‘add plugin’ page and click on ‘install’, it redirects to a wordpress page that says “Are you sure you want to do this?”, with a “Try again” button. Clicking on “try again” redirects to the “upload plugin” page.
PHP upload settings are set to very high numbers already, so is there any other reason I’m unable to install the demo content plugin?
Thanks
Hi,
You may need to increase other PHP limits to the minimum as follows:
max_execution_time = 300 memory_limit = 128M post_max_size = 32M upload_max_filesize = 32M max_input_vars = 5000
Also, if you have other plugins on your site, try to deactivate them before uploading demo content.
If it still doesn’t work, you may need to send us your WordPress login details so I can help you out. You can send a private message in the contact form on the profile page below:
https://themeforest.net/user/wyde#contactThanks!
hi, the images of the portfolio section on home page and on the entire portfolio page, doesn’t appear since the last update. Help me please. www.nomadecontenu.com
We would recommend using the Envato Market plugin so you can download and install the new update from Appearance -> Themes screen on your WordPress admin.
Hi Wyde,
I’m about to finish my website and so very happy with your theme!
There are 2 things I cannot fix and I was hoping you could help me.
1) I would like to have the 2 green blocks on this page https://geboortecentrum.a10.hosting/kraambureau/ on an equal height. I did found the option “equal height”, but this didn’t make them equal. If it looks equal to you, please try to adjust the browser bigger or smaller and you will see the 2 blocks are not equal. Hope you have an idea?
2) is it possible to have the + in front of the FAQ on this page: https://geboortecentrum.a10.hosting/verloskundige-praktijk/zwanger/
That’s it! Hope you can help me finish my perfect website!
Thanks a lot and take care!
Wietske
Hi Wietske,
Thank you for choosing our theme!
1) Actually, the height of those 2 columns are equal. However, you’ve set the background color for the wrong column so it doesn’t look equal.
You will need to set the background color for the top level column inside the row that you’ve enabled the “Equal Height” option.
Here’s your row layout for the 2 green blocks:
1 - Top level row 2 -- column column 3 --- nested row nested row 4 ---- column column
You have 4 levels of the container, and you’ve set the background for the columns in the 4th level.
You will need to set the background color for the columns in the 2nd level instead of the 4th ones.
2) You may need to add CSS snippet below to Appearance -> Customize -> Additional CSS to achieve this:
.w-toggle > h4:after {
display: none;
}
.w-toggle > h4:before {
font-family: 'overlap';
content: '\e82f';
font-size: 16px;
font-weight: normal;
display: inline-block;
position: relative;
height: 40px;
line-height: 40px;
margin-right: 8px;
}
Hope this helps!
Hi!
Thank you very much for your fantastic fast reply! The css works perfect, thanks!
I’m afraid I still have no luck with the green block. I’ve tried all the column backgrounds but no luck. When I’ve changed the background color of the 1st container it is an equal height, but then there is no white space between the blocks.
What am I doing wrong?
Thanks! Wietske
It seems like that you’ve set the background color for the row, not the column.
You will need to click on a pencil icon at the center top of the column to edit the column settings. The one in the right hand side is for the row settings.
Got it! I’ve made the background color of the 2 top columns to green and added a 15px white border. Now the 2 green blocks have an equal height! Thanks a lot for your help!
Great job! Glad to hear you’ve figured it out.
Hello, I have a quick question. I have to have my website translated into English. How can I do this? I see websites where you can choose your language, can I do this with this website too?
thank you for answering me.
Mireille
Hello, after update the theme i can previewthe photos of the thumbnail of my products and portfolio. How can i fixed it?
We’re sorry, it will be fixed ASAP. Thank you for reporting this issue.
I will have tyo make something? I mean update or something to fixed it?
The new update of this theme has been released. Now you can update the theme to fix it.
Hi there, We are using a custom color scheme for the website #9db4ab meaning that all headers and links will be this color as well.
Now the issues lies with the Footer and the mobile device display of it. The Footer has the same background color as the custom color scheme #9db4ab, the footer contains the contact details of the company and the text is in color white. It is not a widget, but a page which we can select in the Theme Options > Footer menu.
The Footer shows perfectly on the computer but not on a mobile device. On a mobile the telephone and fax numbers are seen as a link and will get automatically the color #9db4ab so it seems to the user that the telephone and fax numbers has disappeared. How could we display them in white, like shown on pc.
Current link where the site is under construction is http://mooistekleding.nl Thank you in advance!
Thank you for the site URL!
Because mobile browser automatically changes phone and fax numbers to the link so they will have the same color as other links.
To work around this, you may need to insert link to those numbers. Here’s a quick guide:
1. Select the number, then click on a link icon to insert a link to the number.
2. In the link field, put the phone number link, for instance tel:+1111888000
3. Click on a “A” icon to change the color for the link to white so it will appear as white on both desktop and mobile.
Hope this helps!
The above solution worked like a charm. Thank you very much!
You’re welcome
Hi, is it possible to have the centred menu but the logo and shopping cart indented each side (or not set ‘wide’)? TIA
Sure, you can disable the “Full Width” setting under Theme Options -> Navigation -> Top Navigation to achieve this. Also, please ensure that you’ve selected “Center” for the navigation layout.
Hi, thanks for that. This setting results in my logo and the shopping cart being too indented for my liking – is there a way to set them from each margin with a css snippet (ie 150px from left or right edge?)
#top-nav .ex-menu {
right: 120px;
}
Hi, just returning to this now, thanks. Can I add the same snippet for the left side? I want to move the logo off the left margin by 120px also. TIA
#header .container {
padding-left: 120px;
}
Hi, I have some h5 text in my main footer and i want to actually specify the size…can you please provide css snippet for this? TIA
#footer h5 {
font-size: 18px;
}
Hi support, is there somewhere I can specify the colour that the active page menu text shows as? TIA
I’m sorry but it automatically changes to the same as the theme color. You may need to change the Color Scheme under Theme Options -> General to change the color of the active menu.
Thanks for the reply. I’ve opted for a custom colour scheme but the active page menu text doesn’t seem to reflect the colour I’ve selected (buttons seem to be working fine tho)
Please ensure that there is no custom CSS on your site that overrides default colour of the active page menu. If you’d like you can send me the site URL so I can help you out.
