1305 comments found.
Hi I’d like to customise the page title font size, remove italics, possibly remove the separator…where do I find these settings? Regards Carrie
The styles of the page title vary depending on the Size of it. You can change the page title size in Overlap Options -> Title Area on the page edit screen.
However, if you’d like to customise them, you may need to add custom CSS to achieve this.
Hi, So i’m wanting to remove the separator and italics – can this be done?
.title-wrapper .title:after{
display: none !important;
}
.title-wrapper.w-size-l .title {
font-style: normal;
}
Thanks very much. Is there a place to set the text transform to capitals (globally) or does this also require a css snippet? cheers
* {
text-transform: capitalize !important;
}
HI, I am using the travel blog demo content. I have my header navigation set to light, but the menu font isn’t showing as white (as the demo) but a greyish colour?)... help please?
sorry my bad. i have this sorted now.
Hi, I’d like to enable the same font that is used on the home page slider for the travel blog (the words “adventure” and “exploring”. When I uploaded the demo content, those words just show as capitals in block style. Regards
Those words are images. That font is the third party font, it is not included in the Google Fonts and not available for the web. The link to download it is included in the file “Read Me First” in the main download zip file.
You will need to download that font and use it in the Photo editor software such as Photoshop, and then create and save your text as image to use in the slider.
Hi, I have one question regarding the cute home page loading icon/image that your themes show – how do I enable and customise this for my sites? Regards
Hi,
You can change the loading icon in Theme Options -> General. When you choose the 4th option (the last one), you will be able to choose your own icon/image.
Hi there I have included a WC Notification Bar on my site (to show on my shop pages). It’s set to centred, but doesn’t seem to display as centred on mobile…any ideas why? Or a suggested fix? Regards
Hi there,
We have never tried that plugin before, and it is not included in the plugins support list so we couldn’t answer this. We would recommend you to contact the plugin author directly, of course they will help you out.
Hi, I have a couple of empty spaces that would be best hidden on mobile devices…what’s the best way to achieve this please?
TIA
You may need to add them into different column from others so you can hide that column in Responsive Options tab in the column settings.
hi, I am following up on this and specifically in relation to the question above by phoenixfire11: “Quick question, how do I adjust the spacing between elements/rows, for mobile specifically? While a layout may look ok on desktop, some are coming up with much more empty space between them when on mobile. Thank you!” – it seems the padding settings differ for desktop and mobile? I have it laid out nicely for desktop but large spaces showing on mobile (but there’s no actual row with empty space to “hide”) most rows are set to “no padding” for vertical padding… help please or login and take a look? cheers
1 – If you’re using an empty space to add the gap between rows, you can put the CSS class named ‘hidden-xs’ to the Extra CSS Class field of the Empty Space element to hide it on mobile device:
2 – If you have “empty” columns in the row like the ones in both left and right sides of the section “Rekindling The Love…” on the page “Our Story”, you may need to hide them on mobile device by editing those columns, select the Responsive Options tab. In the “Hide on device” option, select the box of the mobile device.
Shop sidebar
Hi! Hey I’ve noticed on mobile that the shop bar appears at the bottom of the page, is there a way to make it display at the top? The sorting options for the shop don’t include (as standard) categories, so it’d be great if customers saw the sidebar first and could search or select their categories?
Also, can the shop products be set to display in smaller sizes/thumbnails for mobile devices? Currently, it’s displaying one product per row.
Thanks and regards
Hi there!
1. By default, when you choose the right sidebar, it will be at the bottom of the page on mobile devices, this is exactly what the browser works. To move it to the top on mobile devices, you will need to add custom CSS below to Appearance -> Customize -> Additional CSS:
@media only screen and (max-width: 991px) {
.main-content.right-sidebar .page-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.w-main {
order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
width: 100%;
}
.w-sidebar {
order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
width: 100%;
}
}
2. Try adding custom CSS below to see if it works:
@media only screen and (max-width: 599px) {
.woocommerce-loop-product__title {
font-size: 14px !important;
}
.products.w-grid-space .product {
width: 50%;
clear: none;
float: left;
padding: 5px;
}
.products li figure .button,
.onsale {
display: none;
}
}
Heaps good! I just used the second code as it made the first unnecessary. Thanks again!
Hi, just returning to this ticket. I decided to use the first snippet also but I’m wondering if there’s a way to hide certain aspects on mobile? For example, the social icons and the image could do with being hidden on smaller devices…? TIA
hidden-xsAlso, here are all extra classes to hide element on specific screen sizes:
hidden-xs = Extra small screen devices (tablet) hidden-sm = Small screen devices (tablet) hidden-md = Medium screen (laptop) hidden-lg = Large screen (desktop)
hi, I’m just returning to this ticket. Can I use more than one class name for the image? ie I want to hide it on all devices apart from a large desktop? Thanks
hidden-xs hidden-sm hidden-md
Hi there, How do I adjust typography sizes for mobile devices? Regards.
Hi there,
The typography sizes for mobile devices are defined in the main CSS of the theme. To change them, you may need to add custom CSS to your site like the one below:
@media only screen and (max-width: 599px) {
body{
font-size: 13px !important;
}
body h1 {
font-size: 28px !important;
}
body h2 {
font-size: 26px !important;
}
body h3 {
font-size: 24px !important;
}
body h4 {
font-size: 22px !important;
}
body h5 {
font-size: 20px !important;
}
body h6 {
font-size: 18px !important;
}
}
.
That’s great thanks. What would be the css to change the blockquote text?
Here you are:
blockquote {
font-size: 14px;
}
That’s great thanks. I notice that the little quotation mark image doesn’t appear behind the text on mobile devices? Is this possible to show (the same as on the desktop version)
Thank you for reporting this issue, we will fix it in the next update of the theme.
ok, great! do you have a css snippet in the meantime? cheers
blockquote:before {
z-index: 1;
}
beautiful. thank you!
Hello. Where can I find the backend area that controls mobile, what is or isnt to show (beyond those that you can control at the page level), in the menu area – the contact info, etc?
Hello,
The Responsive Options that allow you to show or hide content elements are only available in the column settings. That means, you can only show or hide the column when you build the page or post by using the page builder. You may need to add CSS snippets to hide the contact info and other parts on mobile.
Here’s custom CSS to hide the contact info on mobile, you can add it to Appearance -> Customize -> Additional CSS:
.mobile-nav .contact-info {
display: none;
}
Hello,
Im not looking to hide it, I am looking to update the info (address info) that shows at the end of the mobile menu in demo. Currently it is showing the generic address and contact info from the demo and I do not see anywhere on the backend to change this info.
Thank you Jessica
Hello,
My apology! You can change the contact info in Theme Options -> Navigation -> Contact Info Items.
I see now, thank you 
You’re welcome
Side bar button/link
Hi, I am using the sliding sidebar and have a link/button “Browse the range”.. The code in the widget is as follows: [wyde_link_button size=”large” style=”none” title=”Browse the Range” link url=”https://jillysteas.inversit.com/shop/” color=”#e3bd96” hover_color=”#2a314b”] but the link doesn’t seem to work… can you take a look and advise if I’m missing something in the code? Regards.
That is a custom shortcode of WPBakery Page Builder, the URL attribute requires an encoding URL. You need to use the link exactly as I provided in the previous answer in the link below:
https://themeforest.net/item/overlap-high-performance-wordpress-theme/15344205/comments?page=41&filter=all#comment_19635824ah ok. I misunderstood the original reply – thanks so much for clearing that up (and it’s working perfectly now)
Hi, I have a couple of questions regarding product images:
1. In the main shop page and then the single product page, the images don’t seem to be as high resolution as when they are clicked and open in a lightbox? I’m not sure whether it’s just my eyes or whether they should be appearing ‘crisper’ and this is a setting I need to change somewhere?
2. When the images are hovered over, the image description shows (on each image). I would like to remove this / turn this setting off – how do I achieve this please?
Thanks in advance. Regards Carrie
1. Looks like you have set the size of the product images smaller than the size defined by the theme.
The size of product thumbnail on the main shop page should be 340×340px but on yours is 300×300px so it looks a bit blurry.
You may need to set the size of the product image in Appearance -> Customize, choose WooCommerce -> Product Images. Set the “Main image width” to 640 and “Thumbnail width” to 340.
After publishing your changes, new image sizes may not be shown until you regenerate thumbnails. You can do this from WooCommerce -> Tools -> Regenerate shop thumbnails or by using a plugin such as Regenerate Thumbnails.
2. That is a WordPress built-in feature, when you set the title for the image, it will show when you hover. To remove this, you have to remove the “Title” when you edit the image in Media.
hi guys, I don’t know if you realise but the theme actually comes with the product images set to 600 and 300. Any chance this can be adjusted in future updates so the user doesn’t have to go in each time and modify to the sizes you’ve suggested? TIA
Actually, we did it. After you activate the theme, it will change default image sizes for your shop and product page.
However, after checking this, it doesn’t seem to work with the new version of WooCommerce. We will look into this and fix it in the next update. Thank you for reporting this issue.
ok sure. thanks!
Hi, I have 3 images on my home page which have been displaying fine until I checked this morning (animation was set to ‘fade in’). They now aren’t displaying on the front end of my site. They are still showing as uploaded in the backend. When I changed the animation from ‘fade in’ to ‘none’, they displayed again. Can you please comment or provide a solution? Regards Carrie
It seems like you have figured it out. Everything is working fine on my end, all images are displaying on your home page.
Hi, I have some problems to set the slider on my homepage. On my mobile It looks different (not good) and I’m not able to change the parameters to improve it. How can I send you an image to show this problem? Thanks Annalisa
When you enable the Custom Grid Size, you can adjust different styles of the slide for each screen, you will find more details in the link below:
https://www.themepunch.com/revslider-doc/slider-setup/#custom-grid-sizesGood evening I apologize for the trouble. I have a big problem with my site and I should solve it as soon as possible. I installed the plugin “Events Schedule” I tried to select the carousel mode but unfortunately I’m in conflict. instead of displaying three elements, I only display one in full screen. if I try to change the theme the plugin works perfectly.
Please kindly you can help me it’s really very important for me … even if it has to be paid.
I await your kind reply.
this is the link of how the visualization should be: http://demo.curlythemes.com/timetable-wordpress-plugin/examples/pub-events/
this is instead the link of how it is displayed on my site: https://themeforest.net/item/overlap-high-performance-wordpress-theme/15344205/support
The link you provided above brings me to the support page of the Overlap theme. Do you mind giving me your site URL so I can take a closer look?
Hi, this is just a small issue, but under the single product info, the “Additional Information” tab at the bottom should have a capital “I” for information, not small. Can you supply a temporary fix and I’m assuming this will be corrected in a theme update? Regards Carrie
That text is from the WooCommerce plugin. If you’d like, you can change the capitalization of text by adding the custom CSS below to your site:
.single-product .woocommerce-tabs ul.tabs li a {
text-transform: capitalize;
}
Thank you for reporting this issue, we will fix it in the next update of the theme.
That’s great. Thanks so much. Your theme support is unparalleled and I’ll be returning here for my next site!
Hi again, just noticed in the cart that it shows as “Cart totals” – but the above code didn’t capitalise ‘totals”...any suggestions for a fix?
You may need to edit the custom CSS in Appearance -> Customize -> Additional CSS as follows:
Replace:
.woocommerce h2:not(.product_title) {
text-transform: none;
margin-bottom: 0;
}
With:
.woocommerce h2:not(.product_title) {
text-transform: capitalize;
margin-bottom: 0;
}
perfect. thanks!
perfect!
Hi, in the shop side bar, my categories don’t seem to be displaying…have I missed a set-up somewhere else? Thanks.
That is a blog categories widget. You should add a Product Categories widget to show the categories of your products.
Ah, so it is. (I feel a bit stupid!) Thanks for pointing that out.
Hi there, I’d like to change the font size of my product descriptions (at bottom of product page) to a small text size and single line spacing – how is this achieved please?
Hi there,
The product description section uses default font settings from Theme Options -> Typography -> Body. If you’d like to make it different from default text on your site, you may need to add custom CSS below to your site:
/*Set font size*/
.single-product .woocommerce-Tabs-panel--description {
font-size: 13px;
line-height: 1.5;
}
/*Remove space between paragraphs*/
.single-product .woocommerce-Tabs-panel--description p {
margin-bottom: 0px;
}
Hi, in the shop sidebar, the title for ‘categories’ and ‘social media’ don’t display with a line underneath (as the ‘my cart’ and ‘product search’ do. Can you suggest a fix or remedy this please? Thanks.
Only WooCommerce widgets have a line underneath the widget title. Both Categories and Social Media are available for the Blog sidebar by default.
However, you can add custom CSS below to your site if you’d like to add a line to all widget titles:
.widget h3:after {
background: #212121;
bottom: 0;
content: "";
display: block;
height: 1px;
width: 50px;
margin-top: 10px;
}
Perfect, thanks!
hi, in my shop side bar, my gallery image isn’t centred – how do I achieve this ? also, the text underneath is set to centre, but isn’t displaying centred. Your assistance would be great, thanks!
aligncenter
2) The widget title text is always aligned to the left. Choosing “Center” for the Social Icons will center only icons, it won’t affect the widget title. If you’d like to make it center, you may need to add custom CSS below to Appearance -> Customize -> Additional CSS:
.wyde_widget_social h3 {
text-align: center;
}
Hi, on my home page, there is a text box in white (near the bottom – “fine leaf teas with character”), with a coloured row background which shows a thin white line to the right of the box (of the top right corner)...I think this is a glitch. Would you mind inspecting and suggesting a resolution? Thanks.
There is a blank column at the right of the text “FINE LEAF TEAS WITH CHARACTER”. Edit that column to clear the background color.
Perfect. Thanks!
