28331 comments found.
I am getting a header excerpt showing at the top of every page that I do not want to appear – help! It’s in the page-header-excerpt div. How do I get rid of that before I lose my mind?
Hi,
We’ve added an option for that into Flatsome>Theme Options>Pages in v3.9. It’s currently in beta testing and will be published in a few days.
https://ibb.co/rZThwgSI need a fix for this now if possible. It looks terrible on my client’s website.
I found a temporary fix in case anyone else is having the problem. I put a nbsp; in the excerpt field and the header exerpt is gone.
I have a simple question for you. I’ve been using your theme for the last 3 years and I’m extremely happy with it. Can you let me know the best size to upload for product image photos. Is it 800×800 or something else?
I know WooCommerce creates multiple thumbnails off the original upload in various sizes. I’m just curious as to the best size to upload these with the default flatsome settings. Thank you in advance for any guidance.
Hi,
Product images depend on page layout and products. Images can be in portrait or landscape mode depending on the products. However, the main picture may be ~1000 pixels wide to be sharp when zoomed in.
I’m wondering if the hotspot feature has improved. I’ve tried using flatsome but I’m unable to place the hotspot at the exact spot as it moves only in position of 5. I need to be able to place the hotspot accurately. Not good for accurate hotspot placement. Can you advise?
Hi,
I’ve sent a request to our developer team about to lower the Hotspot element to a minimum 1 step instead of 5, if possible.
hi, has there been any updates from the developer team about this?
hi .. please revert if this hotspot element change is possible as it has been a month and there hasn’t been any update from the developer team. I need to know before i purchase this theme.
Hey guys,
Quick Contact Form 7 question: Flatsome apparently hides the default loading icon that CF7 displays on submit. ( Flatsome’s main CSS file: .wpcf7 .ajax-loader {display: none !important;} )
And apparently Flatsome replaces it with a circular loader of its own: http://prntscr.com/p4qsoa
I want to find and replace this loader and cannot locate it. There is no documentation on this and no answer here in the comments. Can you please point me in the right direction?
Thanks boss
Hi,
Can you submit a support ticket here?
Done, immediate reply from support is ticket closed, support expired.
Not cool.
Thanks anyway :/
For anyone who needs it:
unminify flatsome’s styles.css and look for the .processing and .loading-spin classes, you’ll find what you’re looking for.
Hello, is there a way to increase the spacing between menu items? I don’t mean above and below. I mean vertically. I know there’s an option: Theme Options > Header > Header Main > Navigation > Nav Spacing But I need a lot more spacing. Is there a snippet of custom css?
Hi,
Please try the CSS below.
.header-nav > li {
margin: 0 12px !important;
}
PERFECT!!! Thank you! thank you!
How do I set Order by menu sorting in products? (flatsome overrides woocommerce sorting)
Hi,
We see that your support period is still active. Can you please submit a support ticket here?
Our support team will be happy to assist.
Hi, menu is not working anymore on mobile, any bug in latest version?? Please help
It was a plug in error, sorry. Everything’s ok now
Hi,
Thanks for letting us know it’s solved 
Hello, Is it possible to have infinite scroll on my blog (no pagination) ? i’m using version 3.8.4
Hi,
We see that your support period is still active. Can you please submit a support ticket here?
Our support team will be happy to assist.
may i know whether there is “woocommerce add to cart sticky header” feature under the theme?
Hi,
Flatsome has a built-in “Sticky add to cart” feature. But it’s displayed at the bottom of the page, not the top.
i can’t find it from the demo…could you provide the url?
Hi, I’m seeing quite a lot of emails coming in from Stripe regarding 2 factor authentication and the enforcement of SCA. I’ve had to update stripe plugins etc so that payments don’t fail. Have there been any changes to the theme to support this or is it managed entirely by WooCommerce? thanks.
Hi,
We see that your support period is still active. Can you please submit a support ticket here?
Our support team will be happy to assist.
Hi.
I have never asked a question before.
There is one line of code I can’t find anywhere after spending a week on this.
Turn slider on in js at the correct time.
I have set up a slider with 6 gif’s. All works very well.
The gif’s tell a story.
They must run automatically as the user reach that section of the page.
Currently most have reached the 6th gif long before the user gets there. NO GOOD.
So.
I need to be able to either
1. Turn the slider on.
or
2. Set the Set autoPlay to 11000.
I can do this to the HTML. But it would never run because the html has already been parsed.
window.onscroll = function(){
// At this point the slider is off in the Flatsome settings.
var elements = document.getElementsByClassName('os-slider-1'); // a class declared in Flatsome slider 'os-slider-1'
// If element / slider is in view, make it run
if(elements[0].getBoundingClientRect().top <= window.innerHeight*0.5 && elements[0].getBoundingClientRect().top > 0) {
// To here it works perfect
// Now turn the slider on. Set autoPlay to 11000
// ???????
// There are many ways to do it in Flickity and all work
var flkty = new Flickity( '.carousel', { autoPlay: 7000});
flkty.playPlayer();
// But there seems to be no javascript call in Flatsome to turn the slider on or set the autoPlay time, both would work.
}
}
Thanks in advance
Hi there,
I would like to have a couple of buttons on the left or right side of my website like you have in your demo (Buttons to ‘Demos’ and ‘59$ Buy Now!’. Is this function build in perhaps?
Thanks in advance.
Hi,
No, those buttons are built for using on the demo site only.
is your theme compatible with dokan?
Hi,
Yes. You can ask the opinions and experiences of our users already using that from our official Facebook Community.
Hello my website shows an error in the instagram feed the error is the following: “Instagram has returned invalid data.” how can it be solved
Hi,
It’s fixed in v3.9 and currently in beta testing. It’ll be published in a few days.
Is there anyway to overlap text boxes (maybe via z index)? Example: https://i.imgur.com/JJfwXoO.png
Hi,
It can be done via Custom CSS.
Good day,
Add to cart button
Desktop vs Mobile
I have set the + Icon on hover (2nd option) for Desktop ... it shows perfect and work superb.
However, when you go to Mobile view … this setup with ICON does not show since it´s impossible to do hover… so this ”+ Add to cart” button is not visible on mobile : (
How could we solve this? How could we have: On Desktop + Icon on hover on desktop and at the same time on mobile have the “Add to Cart” showing permanently, either the ”+ Icon” over the product image or the complete “Add to cart” underneath product?
Hope this is possible!
Many thanks, Carmelo
Hi,
Please add the CSS below into Flatsome>Advanced>Custom CSS -> Mobile Only.
.reveal-icon i {
opacity: 1 !important;
}
.reveal-icon span {
transform: unset !important;
}
Hello there,
Thanks for quick reply.
Icon still not showing: I have tried the CSS but “Icon” to add to cart still not showing on mobile:
CSS Mobile Only https://imgur.com/fAtXhAJMobile Capture https://imgur.com/1DRSyKq
Premium Question Is it possible to show “Icon” on hover for desktop and “Add to Cart” text on mobile?
Many thanks, Carmelo
Hello,
I fix CSS to the right one:
CSS Mobile Only https://imgur.com/iRXHfj6
.reveal-icon i {
opacity: 1 !important;
}
.reveal-icon span {
transform: unset !important;
}
Tried in the Child Theme which I have installed and also on the Main Flatsome theme but neither worked : (
What’s the URL?
Testing site URL:
http://farmacollado.nexodreams.es/shop/I can’t see any buttons you mentioned on that page or a product page. Is there a specific URL?
Hello,
The url is the one I sent where the Shop shows: http://farmacollado.nexodreams.es/shop/ Here you can see a capture with the ”+ Icon” button to add to cart the product. This is in desktop version. https://imgur.com/vttzZ45But when you go to Mobile, there is not a real option to do hover on products so the ”+ Icon” = add to cart does not show at all…
This is what we want to achieve, show on mobile the ”+ icon” button as on desktop without hover since this is not possible on mobile devices.
Sorry if I´m not explaining myselft correctly.
Hope I clarified what´s happening with the photo attached.
Many thanks!
Try the snippet below. Paste into Flatsome>Advanced>Footer Scripts.
<script type="text/javascript">
jQuery(function($) {
$(".products .product-small.box>.box-image>.image-tools.bottom").removeClass("hide-for-small");
});
</script>
Hello,
That is WORKING almost perfect.
However, if you take a look at the photo from mobile, something happens after I click ”+ Icon” ... the message “Add to cart” (añadir a carrito in Spanish) shows after the item is already added to the cart…
https://imgur.com/boOBbi8
Could we disable the “Add to cart” tooltip just for Mobile so that this does not confuse clients?
You should test on mobile (real devices since on PC-mobile view, does not happen the same as in real phone: http://farmacollado.nexodreams.es/shop/
Many thanks!
i want to create 2 sub domains of my website. Can i use same purchase code for my sub domains too?
Hi,
Licenses are controlled by Envato. Using 1 license on subdomains is explained in this link. Please check out.
How to hide product page and product menu?
Hi,
We see that your support period is still active. Can you please submit a support ticket here?
Our support team will be happy to assist.
Hello, how to translate with polylang custom product page?
Hi,
We see that your support period is still active. Can you please submit a support ticket here?
Our support team will be happy to assist.
Hello, I’m having trouble finding the color/style option for the round zoom button on the Woocommerce product-info page. It shows as a round out-lined light grey button and arrow with a transparrent background and changes when hovering over to my primary ( green ) color filled with white color arrow.
I want this the other way around, so filled with color and outlined when hovering over it, beccause the outlined version is not very visible on my product images.
Where can I find this settings, or do I need to customize the css?
Thanks.
Hi,
We see that your support period is still active. Can you please submit a support ticket here?
Our support team will be happy to assist.