1370 comments found.
Welcome! Please help me with your theme. 1) Set the subject and downloaded the demo page. Do you live in the demo page, all content is extended to the full width of the page, and I have empty spaces remain on the sides, but I put in the theme settings “Wide”. And in the blog settings, I also put the “Layout – Wide” but the content anyway not to the total width. 2) I can not change the link to the full blog and portfolio page, when you click “SEE MORE” load your page “http://wydethemes.com/flora3/blog/” although paragraph “Blog Home Page” I have written “Custom – http://192.168.2.2/blog/ ”, even setting” defoult “leads you to this page. And I do not understand how to customize the look of “See more” button and write a different text. Thank you in advance for your cooperation!
1. I suppose it’s because your screen is too large. In the current version we set the maximum width of the section as 1920px, if your screen is larger than this size, you will see the space at both sides. This issue will be fixed in the next update.
2. You have to edit the blog page and portfolio page one by one with Visual Composer Backend Editor, so you will find the Link Buttons element, just edit it to change the link. Also, when you edit this button, you can change its styles too.
The Blog Home Page option in Theme Options is for the Home icon (dot icons) in the post navigation on the post single page, see the below image:
I also noticed a lot of problems with the text. For example creeping inscription on one another. On your site in this demo is not observed! https://img-fotki.yandex.ru/get/30602/43223488.d1/0_c162d_4f810ec5_orig
And I did not get to make the contents of the section “blog” was in full width, and when you come into any post, he was 1200 pixels wide. I want to achieve, how you do in the demo site. You could not have done so for each page and post it was possible to choose the width of the content?
1. For the heading issue, I suppose it’s because you’re using the different heading tag, in our demo we use the P tag for the one at the top so it will have the space at the bottom of the heading text. Try to change the Element tag of the Custom Heading element to P to see if it works. Also you can insert an Empty Space element between both headings to add the space between them.
2. The default blog page (Posts page) have no the full-width page. If you’d like it to be full-width, you should create custom blog page by following this:- Add new page, please do not set it as Posts page. - Change the Page Layout in the Flora Options box at the bottom of the page to Wide. - Add a Blog Posts element to this page. - Edit the row container of Blog Posts element, change the Content Width option to "Full Width".
3. You couldn’t set the full-width page for the blog single page (post details page). You can set it for only custom blog posts page.
1. You can set the post excerpt length so it won’t overflow the post grid layout.
If this is a default blog page (Posts page), you can set it in Theme Options -> Blog, change the Excerpt option from Full Content to Excerpt, then set the Excerpt Length.
If this is a custom blog page, you can set the blog options in the Blog Posts element settings.
2. Regarding the heading issue, I’m not sure why it still doesn’t work. It’s better if I can see it on the live site so I can inspect the code to find what wrong.
However, you can add the margin at the bottom of this element in the Design Options tab.
1. To add a video to the post, you have to select the Post Format in the right hand side as the Video, then you have the Media Options show up in the Flora Options at the bottom of the page. Put the video URL from major video sites in Media URL field.
2. We’ve never seen this issue before, the theme display the date from WordPress standard function. I suppose this is a file system encoding issue or WordPress configurations issue, please make sure you set the file encoding on your server and on your WordPress configurations to UTF-8.
2. Thank you very much! I recoded single.php in UTF-8 without BOM and I all turned out!
Please make sure you didn’t hide the featured image on blog posts. Go to Theme Options -> Blog -> Blog Single Post, change the Featured Image Size to “Original” or any other sizes except “Hide Featured Image”.
How do I do it, but do not show thumbnails in other posts? We would like to have a choice in what posts to show and what not to show, because I have a photographic blog, and duplicate photos that meet less do not want.
Sorry, you couldn’t. This is a global setting. If you hide featured image in Theme Options, it will hide for all posts.
Is it possible to add such a function? I think it would be handy to many!
Actually, if you enable the Display Featured Image option to display featured image on blog post, it won’t duplicate photos at all. It’s just for showing the embedded video on the blog post or showing the featured image with a play button.
I’m not sure why you would like to hide the featured image on blog post.
I just have a post consists of several photos, and one of these photos, I use a thumbnail of the post. When you open the post, seen from above the thumbnail and scroll down a bit, we see again the picture. Yes, and such vertical photos are not very nice look in featured images.
Thank you for your detailed explanation.
To work around this, please follow the below steps:
1. In Theme Options -> Blog -> Blog Single Post, change the Display Featured Image to Original.
2. Add custom CSS in Theme Options -> Advanced -> Head Content as below:
<style type="text/css">
.single-post:not(.single-format-video):not(.single-format-audio) .post-detail .post-media img{
display:none;
}
</style>
Many thanks for the help!) Everything worked! By the way, question marks instead of the month in the date were due to plugin qtranslate =) If I have more questions, I’ll ask!))
No problem 
I apologize)
Hi there. I have noticed that two of your theme’s widgets appears to not be working properly. Wyde Popular Posts and Wyde Recent posts shows exactly the same posts which are my blog’s first posts (shown by the number of posts on widgets). How can I solve this? Thanks!
Hi there,
These widgets are working properly. The Wyde Popular Posts widget displays the most popular posts based on views. When you click on a blog post to view the post details, the number of views of this post will be increased.
As you can see on our demo -> http://wydethemes.com/flora3/at-some-point/
The posts in the Recent Posts widget are different from the Popular Posts since they have different number of views.
So there is something not working properly on my front. I’m saying this because my blog is being updated and I’m 100% sure that I have more popular posts than which widget shows. In fact, the posts on widget absolutely never changed since I created the blog. And they are exactly the same as the Recent Posts. Besides, the Recent Posts shows my (first) oldest blog posts, not the newest.
I just tested the default Recent Posts (the one from WP) and it worked flawless. But the Wyde Recent Posts is not working as it should 
Any thoughs? I appreciate your help. Thanks.
Is there any cache plugin installed on your site? Please make sure the Database Caching and Page Caching features are disabled.
Regarding the Recent Posts widget, I just added a default Recent Posts widget from WordPress to our demo on this page -> http://wydethemes.com/flora3/at-some-point/ , of course you will see it displays the same as Wyde Recent Posts widget.
I’m not sure why it didn’t work on your end, if you have other plugins installed, please deactivate them all to see if it works.
Hey guys, I’m liking the theme but can’t figure out how to get that grid effect in the background of the pictures (see example here: http://imgur.com/a/5K7f2 ). Where is that setting?
Hi,
It’s just a background image, you can download here -> http://wydethemes.com/flora2/wp-content/uploads/2015/06/flora-bg-74.jpg
Then upload to your site to set as the row background image.
Is the theme compatible with WP 4.61?
Sure, our demo is running on WordPress 4.6.1 too -> http://wydethemes.com/flora1/
Am I able to use any other ecommerce plugin than woocommerce?
We’re sorry but WooCommerce is the only one ecommerce plugin that is compatible with this theme, we do not recommend other plugins since we’ve never tried them.
Hello, the google map is not working … “JavaScript error” How i can fix it ? Thank you !
Please see the error message in your browser console.
If it’s related to Google Maps API key, please make sure you’ve setup the correct Google Maps API key on your site.
If it doesn’t work, please PM me your site URL -> https://themeforest.net/user/wyde#contact
Hi!
I have bought the full version of Visual Composer, but cannot activate it. The VC-support suggest that the theme might be blocking the activation page somehow.
Can you help?
Hi,
I’m sorry but the license tab has been disabled since the Visual Composer plugin is bundled with the theme and you don’t need to register the license code to get the plugin’s auto update. This plugin needs to be updated by the theme author to make sure it will be compatible with the theme.
However, we will enable this tab in the next update for you if you’d like.
I see, but the full features of Visual Composer is not in the bundle, right? WPBakery tells me to remove a line from the theme script, to get full access, how will this affect future updates?
We’re sorry but some features and elements from Visual Composer plugin are disabled since they’re not compatible with the theme and doesn’t meet the theme design.
Those elements won’t show up and won’t work in this theme even you activate the VC license code.
In this theme, we’ve added custom elements as needed. Please use the existing elements and features from the theme instead.
Also, we’ve removed all default styles and scripts from Visual Composer plugin because they’re all very large size and can slow down your site.
Hi guys,
i have some trouble with the portfolio grid. I want to use ist to show some pages in the grid to and link to them and not to show portfolios. How is this possible? The pop up menu says that it is possible to output individual pages. If i do so the portfolio grid does not show up on my site…
Thanks in advance Daniel
We’re sorry but portfolio grid always brings you to the portfolio details page. You can’t set the custom link for each item in there.
Please use the Single Image element instead. You can add a Single Image element into columns, then set the custom link for image to link to your page.
Hi,
Is it possible to change text color for this part in screenshot http://joolsandsven.com/wp-content/uploads/2016/09/Screen-Shot-2559-09-30-at-8.24.39-AM.pngThank you
Add below code to style.css in your child theme:
.w-team-slider .team-member .member-detail h4,
.w-team-slider .team-member .member-detail > p {
color: #fff;
}
.w-team-slider .member-detail .member-meta:after {
border-color:#fff;
}
Hi Wyde
I was searching the comments, but it was never a topic.
It’s about the Client Carousel Element (Visual Composer).
1. Can I add some padding between the logos/pictures? I show three but I need some space between them.
2. There is a “alpha”? – effect, “mouseover” how can I remove it?
^^ That’s it, thank you 
Best regards:
Marc – MARCketing
1. You should choose the Image Size option that’s smaller than the width of each item displaying on screen, or reduce the number of Visible Items option so you will have the space between logos, see the bottom of this page -> http://wydethemes.com/flora2/about-us/
Another way, you can add the space directly to your pictures by using the Photoshop, this will make sure you have space between your logos.
2. Here is the code to remove alpha.
Insert it to style.css in your child theme:
.w-clients-carousel .owl-item img{
opacity:1!important;
}
Hi Wyde – thank you so much, it’s working fine now.
Hi – I absolutly love your theme and soon I’m getting finish with my first website with flora.
I struggle with the Accordeon element (Visual Composer).
1. I choose a specific color, but the lines between the sections it’s now too much like a spreadsheet, any css suggestions to change just the lines/color?
2. Is it possible to change the height to 60px so it’s more comfortable to use it with a mobile too.
3. When I place a row 1/2 + 1/2 inside a section, and for each part a image, it’s not showing.
Domain is still behind a comission page, but I can send you the details per email.
Thank you so much for checkin in 
Best regards:
Marc – MARCketing
Hi,
1. Here is the code to change the line color to transparent:
Insert it to style.css in your child theme:
.w-accordion {
border: 1px solid transparent!important;
}
You can change from transparent to any colors:
2. Here is the code to change the height of accordion header:
Insert it to style.css in your child theme:
.w-accordion .acd-header{
height: 60px;
line-height: 50px;
}
3. If you set your image as background, both columns won’t have the height. You have to add an Empty Space element to each.
If not, please PM me the page URL -> https://themeforest.net/user/wyde#contact so I can inspect the code to find if there was something wrong.
Hi Wyde – amazing, it’s working thanks a lot!
Now with the 60px height, the icons are not in the middle/center – they stay at top of the row.
I couldn’t figure out whicht code I need to bring them into the horizontal center of the row.
Thank you in advance 
Marc – MARCketing
Try this:
.w-accordion .acd-header{
height: 60px;
line-height: 50px;
}
.w-accordion .acd-header i{
line-height: 55px;
}
Hi Wyde
I tried now to change the lines color:
With this:
.w-accordion .data-active {
border-color: #888888;
}
And also with this:
.w-accordion {
border-color: #888888;
}
Can you provide me the correct code please? I also tried with: .w-accordion-tab – but I don’t see any change.
Thank you in advance:
Marc – MARCketing
I’ve provided the code to change the line color in previous comments as:
.w-accordion {
border: 1px solid transparent!important;
}
If you insert the above code, it will remove the line color so you couldn’t change it anymore.
You have to remove that code to be able to change the line color.
However, you can change the line color of Accordion in the Accordion settings so you don’t need to add custom CSS to change it. Edit the Accordion, change the Color option to change the line color and the title background color.
HI! I recently bought your theme, and I would like to know if its possible to change de icons (etline-strategy) for example. My client would like to include another icon design for “cloth brand”. Could you give me more information about this? Thank You
Sure, you can add your icons to the Icon Picker in the theme by using child theme as below:
1. Install and activate your flora-child-theme.zip.
2. Go to Appearance -> Editor to edit Flora Child theme.
3. Add the below code to Theme Functions (functions.php):
function flora_get_custom_icons($icons){
$your_icons = array(
array( "your-icon-1" => "Icon 1" ),
array( "your-icon-2" => "Icon 2" ),
);
return array_merge_recursive( $icons, $your_icons );
}
add_filter( 'flora_iconpicker_icons', 'flora_get_custom_icons' );
The above code will append your icons into the Flora icon set.
4. Upload your icon files to child theme folder “wp-content/themes/flora-child-theme/fonts/”.
5. Add you CSS font icons to style.css in your child theme:
@font-face {
font-family: 'your-icon';
src: url('fonts/your-icon.eot');
src: url('fonts/your-icon.eot#iefix') format('embedded-opentype'),
url('fonts/your-icon.woff') format('woff'),
url('fonts/your-icon.ttf') format('truetype'),
url('fonts/your-icon.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="your-icon-"]:before, [class*=" your-icon-"]:before {
font-family: 'your-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.your-icon-1:before { content: '\e800'; }
.your-icon-2:before { content: '\e801'; }
....
Hello, I’m having some difficulty with the Slider revolution. All the setting are set to responsive but its not acting that way. Every other view (Laptop, Tablet, Mobile) becomes more an more cropped.
Anyway to fix this?
Thanks,
Scott
Hello,
You can set the different styles for each screen by enabling the Custom Grid Sizes.
1. Edit the slider settings, enable Custom Grid Sizes for tablet and mobile, then save changes.
2. Edit a slide in the slider. Once you’ve activated the “Custom Grid Sizes”, when you edit a slide, you can set different styles (such as varying font-sizes) for each screen.
See more on how to setup Custom Grid Sizes here -> https://www.themepunch.com/revslider-doc/slider-setup/#custom-grid-sizes
If it still doesn’t work, please PM me your site URL and admin login credentials -> https://themeforest.net/user/wyde#contact
Sorry for my late reply. I followed through and it seemed to be working. All of the slides when I preview them work for there selected device, and also when i tested the,
recently it seems when someone visits our website on a tablet or phone. it is being cropped again. I don’t know how to make it appear like it does in the slider revolution previews, since those are still look correct.
Thanks,
Scott
Please take a look at this page -> https://www.themepunch.com/revslider-doc/layer-styles-positioning/
You will see the Text Wrapping option in “14. Text Wrapping”, try to enable this option for your text layer on mobile and tablet. After you enable this option, the text will wrap onto the next line so it won’t be cropped on small screen.
Hello,
Thank you very much for your fast reply. I wanted to use custom text so the text that is being cropped is actually two images of text created in Photoshop. Could you point me to a page that could help with this? I also took a look at the responsive setting page and all of the responsive setting are on.
Thanks,
Scott
Normally when you add an image to the slider, it will resize automatically to fit properly on each screen.
Here is the page on how to resize the image layer -> https://www.themepunch.com/revslider-doc/image-layers/
Also, please make sure you’re choosing the mobile screen before you resize the image.
If it doesn’t work, please PM me your site URL and admin login credentials -> https://themeforest.net/user/wyde#contact so I can investigate this issue and help you out.
Hi,
I am currently using Flora on my website yknot.net.au and was wondering if there was a way to change the hover effect on portfolio items to just a white fade and nothing else without effecting any other colour scheme options.
http://www.yknot.net.au/portfolio/Cheers
Try the hover effect Flora 2 to see if it is what you’re looking for -> http://wydethemes.com/flora1/gallery-4-columns/
To use this effect, you have to edit the Portfolio Grid element, change the Hover Effect to Flora 2.
That’s almost what i wanted, but I also wanted there to be no text and no magnifying glass symbol within the hover, and also to change the hover opacity
Sure, you can add the custom CSS to Theme Options -> Advanced -> Head Content as below to remove them all.
<style type="text/css">
.w-view figure h3,
.w-view figure p,
.w-view figure figcaption > span{
display:none;
}
</style>
Thanks so much! Is there anyway i can make the opacity of the hover effect 30% of what it is now?
Try to replace the code in previous comment with the new one below:
<style type="text/css">
.w-view figure h3,
.w-view figure p,
.w-view figure figcaption > span{
display:none;
}
.w-effect-flora-2 figure figcaption{
background: rgba(255,255,255, 0.3);
}
</style>
You can change from 0.3 to any values to suit your needs.
Perfect, thank you so much 
Sure, it’s my pleasure 
One last thing, wondering if there is a way to center the menu items text and social icons in the mobile navigation left menu?
Try to insert the below code into style tag I provided previously.
#side-nav{
text-align: center;
}
Awesome, any way to center the social icons in the menu as well?
Try this:
#side-nav .social-icons > li a {
padding: 5px 10px;
}
Amazing, that’s everything
Thanks again 
No problem 
Really great theme – very good inspiration for many of us.
Thanks so much 
Hello. Is it possible to change the transparency and color of the expand menu? Right now it is completely transparent, but I need it to be only 0.5 transparent and a different color. I have tried to assign a background color and opacity to the header container and but it makes the logo and the menu items transparent also. Can you tell me how I can do this?
Thank you!
Hello,
Try to add the custom CSS to Theme Options -> Advanced -> Head Content as below:
<style type="text/css">
#header:before{
opacity: 0.5!important;
}
</style>
Thank you so much for the quick reply. This works great. One more question: when you scroll the menu icon stays on top, but the logo disappears. Is there a way to make the logo stay as well when you scroll?
Thank you!
We’re sorry but it’s difficult to edit the Expand menu to work like a Classic menu. It’s on purpose, we design it to look different from the Classic menu. So please choose the Classic menu in Theme Options -> Navigation instead of editing the Expand menu styles.
i installed max mega menu and set the max menu height to 60px. however, it seems that flora’s header background is 95px which resulted in the menu having a 35px height bar below the menu. how can i hide/remove/change this header background?
To remove the header background color, try to add the custom CSS into Theme Options -> Advanced -> Head Content as below:
<style type="text/css">
#header:before{
display:none;
}
</style>
Also, you’ll need to enable the Transparent Header for all pages so the header will overlay on your page content without the white space at the top.
Hey, I am interested in buying your theme. Before I purchase it, I have some questions.
1. Does the Flora Theme have all of the features as your “Overlap – High Performance WordPress Theme”?
2. I have a TTF Font File that I would like to use on this theme. Am I able to do that?
3. How is the Drag-Drop Builder compared to wix?
Hi,
Thank you for interesting in our theme.
1. No, the Flora theme doesn’t but the Overlap does. The Overlap is newer than the Flora and it comes with all of the features and elements as the Flora and much more! Sure you can use the Overlap to build any websites like the Flora demo sites.
2. Yes, you can do it via CSS in your child theme.
3. I’m not sure since I’ve never tried wix. But in this theme we have the Backend Page Builder instead of the Frontend, see more on how it works here -> https://vc.wpbakery.com/video-academy/backend-editor-collapsible-row-feature-explained/
Thanks for the quick reply! I will be buying the Overlap theme.
It’s my pleasure
Thanks so much!
I purchased a plugin called gogallery to add a filtered photo gallery capability to visual composer. The filter links appear but they do nothing, and other controls like backgrounds and borders also are not taking effect. I tried it on another theme and it works fine. Can you suggest a fix?
Unfortunately, the Image Gallery element in this theme is a custom add-on element of the theme, we disable the one from Visual Composer but use ours instead. Also, we’ve never tried the gogallery plugin before. Maybe there was an AJAX issue, please to disable AJAX Page in Theme Options -> AJAX Options to see if it works.
If it doesn’t work, please PM me your site URL -> https://themeforest.net/user/wyde#contact
Turning AJAX off made no difference. PM sent. Thanks Wyde.
I just replied to your email!
Can you re-send the reply? I must have missed it.
Here is the message that I’ve sent 3 days ago:
Hello, After I inspect the code on your website, there was something different from the Go Gallery plugin demo page. On the demo site there are some gallery script files are loaded but they aren't on your site. I'm not sure why because I've never tried this plugin with this theme. I will need to access your WordPress admin page to try it so I can investigate this issue. Could you please provide me WordPress admin URL and login credentials?
Also, in the future please contact us from the account that purchased this theme.
OK, done. Thanks.
Just replied to your email!
Oops, I had security set to close admin access at night my time. Please try again.
The gogallery plugin requires a jQuery library named “Isotope” from Visual Composer plugin.
Unfortunately, this theme removes all default scripts from Visual Composer since it uses its own ones instead.
So we install the child theme on your site, then add the code to bring the Isotope library back, then it’s now working.
Wow, that is some top notch support. Thank you for getting this sorted out. I really appreciate it.
No problem 