Discussion on Flora - Responsive Creative WordPress Theme

Discussion on Flora - Responsive Creative WordPress Theme

By
Cart 1,641 sales
Well Documented

Wyde supports this item

Supported

1370 comments found.

Hi Wyde I’m almost done with my buildout for client, site will be going live Very Very soon = I have only one question and you’ve already supplied part of the answer to a different poster – here’s the answer you supplied

2. This theme has only left side menu as you see on our demo -> http://wydethemes.com/flora2 and this menu always visible. You can add a menu widget to the sliding bar at the right bar and it will show up when you click on a plus icon like this demo -> http://wydethemes.com/flora3/

What plugin supplies the right-side blog menu with ’+’ just like in the demo?

That’s all Im missing right now, all else has been quite straight forward to setup in the theme itself, Thank You for the work well appreciated~

Thanks Blake

Hi,

You don’t need any other plugin. This theme includes right-side menu with ”+” icon that will show up when you turn on Sliding Bar option in Theme Options -> Navigation.

Also, you can add your widgets to this sliding bar menu in Appearance -> Widgets. Drag and drop any widgets at the left hand side to the Sliding Bar sidebar at the right hand side.

Cheers.

Cool Beans, Wyde – have to say, your theme’s been simplest i’ve worked with in a looonngg time. A pleasure~ Thank You

Thanks for your nice words :)

Hi, i updated the theme as you told me the last week and for few days, the animation of the home works, but right now, is having the same problem: the text of the boxes dissapear. What i can do?

http://www.2002marketingroup.com/sitio/

Another problem that i have is that is impossible put the slider as background of the header in the internal pages as is in the home page

http://www.2002marketingroup.com/sitio/sobre-nosotros/

Also in this page, i can’t remove the space between rows. I want all the rows without white spaces, i dont have spaces, paddings, margins, but i see these white spaces.

Thanks in advance for your help

Hi,

1. I see all animation texts on your home page are working fine. Try to clear your browser caches.

2. Yes, sure. You can add a Slider Revolution element from Visual Composer element window to any pages as in the home page. You can create new slider in Slider Revolution section on your WP admin, see more on creating slider -> https://www.themepunch.com/revslider-doc/first-steps/#newslider

3. Edit the row settings, then change Vertical Padding Size option to “No Padding” to remove top and bottom spaces from the row.

Hi, I’ve got a row 1/2 and 1/2 with background images in place and then ‘Custom Headings’ icon block, empty space, and a button in the row itself – all ok on desktop but when viewed on a smartphone all i see in the panels is the background image, icon and button link – no text content. Any ideas why text content is missing in these instances?

Hi,

Could you please send us your site URL through a private message http://themeforest.net/user/wyde#contact so we can investigate this issue and help you figure it out.

Hi, I sent a private message regarding the issue with the background images and text on smartphone and tablets but haven’t had a reply yet – have you managed to determine whats causing the text to disappear?

Hi,

This is a column background issue on mobile. Thank you for taking the time to report this issue. It will be fixed in the next update.

Hello, the template flora menu has a bug on the mobile in the view of the Android web browser. How can I fix?

Hello,

We’re sorry but this theme doesn’t support Android browser since this browser doesn’t support modern CSS. Please use Chrome for Android instead.

Hi there, I am using the full-screen menu but am experiencing a bug where it randomly displays some menu items, then other times not at all. Mainly seeing the issue with Safari, but may be other browsers as well. I have sticky menu enabled also, have you come across this before? Something I need to fix/update? Running Flora v1.2.2. Staging site at www.monstabox.com/logomonsta

Thanks so much!

Hi there,

I’m not sure, the issue that I’m experiencing on your site is the same as yours. When I hover on somewhere on menu area, some menu items will disappear. This issue is happened since you’ve added the custom in sccss. Try removing them to see if it works.

Also, if you’d like you can send us any screenshot of this issue through a private message -> http://themeforest.net/user/wyde#contact that will help us to see what’s the actual issue you’re experiencing.

I don’t know if it’s a bug, but everytime when I use a ‘Portfolio Grid’ with a filter, the filter works only when all the posts are loaded, if I try to select some item on filter sometimes they show just one, sometimes they show 2, but only when all posts are loaded they show the correct number of posts.

The category filter at the top of portfolio grid will filter on only items that are loaded in the grid. It will not load any other items from your database. It’s not a bug but it’s on purpose as you can see on other themes in the market.

Hi I have a couple issues/questions to ask you about the Flora theme;

1. On my portfolio post page which I have set to the ‘standard’ layout. When I view the images I have uploaded into my portfolio post they appear blurry when this is not the case in photoshop or illustrator. Can you please advise why this is happening?

2. Also the images on the portfolio post in ‘standard’ layout are often posting my images very large. Is there a way that I can control the size of the images within the post?

3. When I view my website on my phone the ‘back up’ arrow does not work when I get to the bottom of a page. How can I fix this?

4. Also when viewing my site on my phone if I go into one of my portfolio items instead of opening at the top of the post it automatically starts from the bottom, which is often blank or just text. Is there a way that I can tell the theme to always open the post from the top for mobile?

5. Last question, Is there a way to change the ‘loader’ icon to my own logo?

Sorry for all the questions I hope you can help me. Thanks in advance.

Jamie

Hi,

Thanks for your email.

1. Unfortunately, this issue has been fixed in Flora 1.2.4 but I see you have 1.2.3 on your site. Please update the theme to fix this issue. Also, once you update the theme, please use the re-generate thumbnails plugin to update your images sizes.

2. Please make sure you have the latest update of the theme before using this plugin to re-generate thumbnails.

3. This issue will be fixed in the next update of this theme.

4. I just visited your site on my iPhone. Everything works fine. I’ve tried to click on all of your projects one by one, all of them bring me to the top of the post page. Please let me know what’s the browser and OS you’re using while experiencing this issue.

5. The flora child theme is included in the main download package. Extract the main download package, you will see flora-child-theme.zip in folder “WordPress Theme”. Install and activate this file, then go to Appearance -> Editor to edit Flora Child theme. Select Theme Functions (functions.php), then add the code that we just provided in previous comment to this file.

Cheers.

Thanks for your reply. See my replies below;

1. I have replied to you about this in a private email.

2. Noted

3. Noted – I will keep an eye on my updates for this.

4. Replied to you about this in a private email.

5. Noted – will try that.

Thanks, Jamie

Thanks for your information. I just replied to your email.

Hi,

I am having problems on the theme Wyde when the theme is viewed on a PC in both Chrome and IE. the issues are Hover effect and some of the scrolling. Do you have an update coming out soon? I have screen shots that I can send if you tell me where I should send them to.

Hi,

This theme disable all hover effects while scrolling that will improve the page performance. If your browser displays any hover effects when you scroll, your browser does not work smoothly.

However, you can remove the code below from the file css/flora.cs if you’d like to enable hover effects when scrolling:


.scrolling,
.scrolling * {
  pointer-events: none !important;
}

Also, this theme comes with Smooth Scroll feature, you can turn off it in Theme Options -> General if you would not like it.

Hi Wyde,

Since the message following is questionning some practices of the code of your theme i contact you directly so it’s not ending up in comments.

I use this extention : http://codecanyon.net/item/massive-addons-for-visual-composer/14429839

It become obvious that your theme is conflicting with it on some levels, and while the dev team of this plugin making the best effort to make it work, maybe you can add your touch to the cooperation too…

Here the mail of the extention team :

“We are checking the changes made to the original Visual Composer templates for Row/Column. Such changes are not the best practise in theme development but speed up a lot of things. Many authors just delete the required things like filters, class names etc.

Massive Addons has to inject the Row/Columns additions into right place. If the theme Row/Column is modified in some strange way, this can be impossible to achieve. We will check your theme and try to adjust the detection.

Cheers”

Hopefully you can sort things out together, or add an option to disable your changes to VC ?

Regards.

Hi,

Absolutely, this theme includes custom templates for Visual Composer Row/Column and other elements. There are many options have been added and some options have been removed to suit and to meet the theme concept and design. We also remove some filters and some CSS class names since they were no longer needed for this theme and this will improve your site performance.

When you use VC with some themes without VC optimization (such as twenty sixteen), you will see there are many CSS class names, too many DIV tags and too much JS script and CSS code in HTML output. This will increase your page size and can slow down the page download speed. So we have removed all default CSS styles and all JS scripts from VC elements and use our own ones instead.

Regarding the Massive Addons plugin, we’ve never tested this plugin with the theme and it is not included in the plugin support list so we couldn’t answer why it doesn’t work with this theme.

Please use the existing elements and features from the theme that’s enough to create a website such as our demo sites.

Also, please let us know what are necessary features and elements in this plugin you would like to use. These might be in this theme or you can adapt something to use instead.

Cheers.

Hello there ! Just a question : I still have a link to the demo in the little square with nine points in the bottom of projects pages : http://randoendmm.cluster005.ovh.net/quattro/portfolio-item/residence-les-iles-14-logements-chatelaillon-plage/ Where can i change this url ? What should i put ? Thank you !

Hi there,

You can change the link of portfolio home button in Theme Options -> Portfolio -> Portfolio Single Post -> Portfolio Home Page.

Hi there. I purchased the theme y’day to build out for a client = today, all demo’s are down, and THAT makes me a little apprehensive. I wanted to confirm with client exact demo to use as he picked the theme, however -demo’s down, cant refer to them (down from envarto links too). Let me know on this, please~ Thanks Blake

Hi there,

We’re sorry, we just updated our VPS and DNS server. This causes many users can’t access our websites until our domain finishes propagation.

You can import demo content in Theme Options -> Home, importing with this option will not download demo images on our demo sites.

Thank you so much for reporting this issue. We’re currently working on it and suppose it will online within 24 hours.

Hi Wyde – Thanks for the super fast reply, much appreciated~

Hi, I was wondering if you can help me out. I am working on a website for a client and he has the Flora theme installed. I want to add a custom title to the Portfolio page but whenever I create one through Visual Composer, it does not show up in the portfolio page. I also can’t seem to find any place to remove the dates from the main portfolio posts (page). I tried to search in your documentation in wydethemes.com but its not loading. Is there a place where I can get this information? Thank you!

Hi,

Sounds like this is a bug with the CSS animation on a new update of Chrome. The custom heading won’t show up if you set an animation to it. This issue has been fixed in the latest update of theme (1.2.5), you can update the theme to fix it.

If it still doesn’t work, please send us your site URL through a private message -> http://themeforest.net/user/wyde#contact so we can investigate this issue and help you figure it out.

You can update the theme by downloading a new update in Downloads tab on ThemeForest. When you login with the account that purchased this theme, you will see the theme in your purchase list. For more details on how to update the theme, please follow the instructions in our documentation that is included in the main download package.

I have an onepager set up with your theme. I like to show the anchor links of the different sections in the adress bar. I am not shure, but i remember this from a previous version (1.5 or so). is there a way to get them back, showing? Sorry for my bad english. Thanks from Germany!

Hi,

Thank you for your comments. We’ve removed it in our recent updates since it doesn’t work on some browsers. However, we will bring it back in the next update if you’d like.

Cheers.

Hi there,

I have found a bug with this themes menu, would really appreciate it if you could tell me how to fix this please…

Let’s take this example. If you navigate directly to http://haywood.spudworks.net/home/community-links/

You will see the menu (incorrectly) looks as follows: https://drive.google.com/file/d/0B1zXTGKXqxYbZzFYLWZLZE5LMms/view?usp=drivesdk

It should look like this (which is how it looks if you go into Haywood County Schools » Community Links manually in the menu): https://drive.google.com/file/d/0B1zXTGKXqxYbSTVxZDNnZGRpb2c/view?usp=drivesdk

This is a big problem for us and I would appreciate it if you could look into this and get back to me with a fix ASAP.

FYI, here are two additional screenshots showing the setup of the menu and the hierarchy of the pages in the admin.

Menu: https://drive.google.com/file/d/0B1zXTGKXqxYbX0JtbDhiVlZoNXM/view?usp=drivesdk

Pages: https://drive.google.com/file/d/0B1zXTGKXqxYbZWx4bmcxMFB4ZU0/view?usp=drivesdk

Also, one additional problem I have just noticed. The menu does not switch if you click on the wording… It only switches if you click on the > arrow on the right hand side. I would need to know how to change that also as most people will not realise there are sub-menus.

Hi there,

This issue has been fixed in the next update that will available to download in a few hours.

Thanks, are you able to email me a new copy of the edited file like you did last time please? This is very time-sensitive as we’re supposed to be launching first thing tomorrow morning and it’s already nearly the end of the day here.

We just sent you an email with the script file to fix this issue.

Hey!

Such an amazing theme, by the way! It’s amazing and so easy to use. I do just have a few questions though, if you don’t mind?

1. What custom code can I use to change the top navigation bar text colour when hovering over? I am currently using the dark top nav bar and I want to change the hovered colour to red, but I don’t want to change the entire theme colour to red.

2. I am having a glitch in Google Chrome on Mac where certain headers are not displaying. Do you know how I can fix this? Screenshot here: https://www.dropbox.com/s/s8xbwlp8i695n91/Screenshot%202016-04-04%2023.26.20.png?dl=0

3. For the portfolio section, how can I determine the size of the images? They seem to be preset. Screenshot here: https://www.dropbox.com/s/chrbjmsu3knmcu5/Screenshot%202016-04-04%2023.28.02.png?dl=0

4. I have created new pages and set them to ‘publish’ but they are not appearing on the one-page website. Do I need to set them live another way?

5. Is there custom code I can use to preset the static and hover button and text colours for the contact form?

Thanks! Ryan

Hi,

Thank you for your nice words :)

1. The custom CSS below will change the menu text color when hovering:


#header .top-menu li:hover > a{
color: #f00;
}

2. This issue has been fixed in the latest update of the theme, you can update your theme to fix it.

3. Absolutely, the flora masonry layout is a preset layout. Your images will automatically fill to fit within the preset layout (normal size, 2x of width, 2x of height and 2x of width and height).

You can customize the preset layout by editing the file functions.php in your child theme. You can add the code below to this file and change the order of each item:


function flora_get_portfolio_masonry_layout( $masonry_layout = array(), $layout = '' ){

     if( $layout == 'w-masonry' ){        
        $masonry_layout = array('w-item', 'w-item', 'w-item w-w2', 'w-item w-w2', 'w-item', 'w-item');       
    }

    return $masonry_layout;
}
add_filter( 'wyde_portfolio_masonry_layout', 'flora_get_portfolio_masonry_layout', 100, 2);

4. You should add your pages to the primary menu (in Appearance -> Menus) so they will appear on your front page.

5. Try the code below:


   /*Contact form button background color*/
    input[type="submit"]{
        border-color: #f00;
        background: #f00;
    }

    /*Contact form button text color when hovering*/
    input[type="submit"]:hover{
        color: #f00;
    }

Hey,

Thanks for the below. I still have a few questions, though:

1. The custom CSS the change the menu text color when hovering doesn’t seem to be working. I have updated the color in the code, but I’m not sure if I am pasting this into the right section? 2. I think I have the latest update of the theme. Where can I check updates? 3. I haven’t checked this yet, but thank you. 4. I have already added the pages to the primary menu—please see screenshot attached. The ‘Team’ page isn’t visible on my site. 5. As with question 1, I’m unsure where to paste this code into. 6. Do you know how I can add a custom font for this theme?

Thanks, Ryan

Hi,

1. If you’re using child theme, you can add the whole code that we just provided to style.css in your child theme. However, if you’d like to add it to Theme Options -> Advanced -> Head Content, you should add style tags to the code too, see the sample code below:

<style type="text/css">

#header .top-menu li:hover > a{
color: #f00;
}

</style> 

2. You can see the version of your theme in Appearance -> Themes, click on Flora theme, you will see the version number of the theme. The latest update of Flora theme is 1.2.5, you can see more update log here -> http://themeforest.net/item/flora-responsive-creative-wordpress-theme/12038776#item-description__update-log

4. Sorry but we couldn’t see the screenshot, there is no link in your comments. However, in order to show the team members, please make sure you have the member info with image in Team Members section on WP admin.

5. You can add the code to style.css in your child theme or add it (with style tag) to Theme Options -> Advanced -> Head Content as below:


<style type="text/css">

    /*Contact form button background color*/
    input[type="submit"]{
        border-color: #f00;
        background: #f00;
    }

    /*Contact form button text color when hovering*/
    input[type="submit"]:hover{
        color: #f00;
    }

</style> 

6. You can add a custom font by using CSS. Install and activate flora-child-theme.zip that’s included in the main download package. Once you activate the child theme, navigate to Appearance -> Editor to edit Flora Child theme, add custom CSS into style.css to import your custom font and use it to style any elements such as body and h1, see more on how to import and use the custom font -> https://css-tricks.com/snippets/css/using-font-face/

However, this will not add your font to Typography option in Theme Options and your font will not show up on the font list when you choose the font in the theme. You will need to mange your custom font and use it via CSS.

Hey, the installation has failed because “style.css” is missing. Could we help me, please? Is there any installation tutorial? Thanks!

Hi,

Please make sure you upload the correct installable WordPress theme. The documentation is inside the main zip file. You should extract the main zip file to see package content.

Hi there! I just found out, that when I place a “single image” (flora content for Visual Composer) then the content of the alt-tag of the image does not appear in html code. You should really add this because its important for SEO/Google. Thank you!

No problem, we will add a URL field to set the link of single image in the next update.

However, you can add it now by using Text Block element, this element allows you to add an image to text area and you can also add a link to your image.

Yeah I know, but then the nice effect of your “single image” is gone. It does not fit right in the box anymore… ;) I even already tried to take the “original” html which is given out by the single image in html code and added this via raw html… but that didn´t work :(

Sorry for my english, I hope you understand what I mean.

So now I hope that is does not take long till your next update with this new feature and I guess lots of other people will be happy about this :D

Thaaank you! You have an awsome support!

We will add it to the next update and release this update ASAP.

Hey there! I’m almost done with my Flora site design and loving it overall so thank you…but hit one last snag here. I want a masonry layout image page but I want the images to not be cropped by the layout (so stay in their native aspect ratio) similar to this: https://joshjunghansimages.smugmug.com/Clients/Jennifer-Seniors/n-9mvRQt/

But, unless I am missing a setting somewhere, the masonry options (flora, basic 1, basic 2) all auto crop like this: http://test.junghansimages.com/portfolio2/ The 2 shots of the beautiful bride in this example are vertical’s but are being cropped to the layout.

So here’s my questions :)...am I missing a setting somewhere to change that or can you recommend a plugin that would give me that option but still work with visual composer and flora?

Also on that same issue…while looking for a plugin or something to help me workaround that I found this: https://vc.wpbakery.com/features/grid-builder/ that looked like what I was looking for. But it is not in my VC that came with Flora. So I purchased a regular license thinking that would add those options. But when I go to install that plugin it says “this file already exists…install failed”. ANd then of course when I try to contact support at WPBakery about this it says I have to have an activated version to get to their support ticket. But I can’t activate if it won’t install!! Now in their support faq I did see that if I have VC in theme that I might need to get with my theme author to see if there is a good way to install the full license version without losing anything added from the theme. Hence why I am asking you :).

Please help with any thoughts on all that! All I want is a full page uncropped masonry image gallery. I’m a photographer so the port pages are basically the most important thing :). Thank you!

Hi there,

I couldn’t access your site ( http://test.junghansimages.com/portfolio2/ )

However, when you’re using Image Gallery element, you can choose the size of images to display in the gallery, choose Original size so it will display the full image without cropping and re-sizing.

Regarding the Visual Composer, this theme includes the full version of Visual Composer, we’ve never modified this plugin directly but we disable some elements such as the Grid Builder since we already have over 20 custom elements, some of them can be used instead of Grid Builder e.g. Image Gallery, Blog Posts, Portfolio Grid, etc. These elements have grid and masonry layout that are easier and ready to use for each post type. You can use them instead and don’t need Grid Builder anymore.

Also, you can normally use this plugin in this theme without registering a purchase code, some elements of this plugin have been disabled since they’re not available in the theme features so please use existing elements for creating your site based on the theme features.

Hey thanks. Yeah sorry I think I changed the name of that page after my question. I understand all of that but all of the masonry grid’s I tried I did have set on Original size. Please check this one instead: http://test.junghansimages.com/portfolio/ again the 2 bride photos are full vertical.

http://test.junghansimages.com/wp-content/uploads/2016/04/Untitled.png

I did notice today that when you set it to a standard grid it does give full verticals but it appears like you would have to figure out the order to make the pattern fit together because if I just select a random group of test images it leaves all kinds of odd gaps instead of making them fit together like a masonry should…so that’s not going to work either. http://test.junghansimages.com/weddings/

http://test.junghansimages.com/wp-content/uploads/2016/04/Untitled2.png

Unfortunately, the masonry layout in this theme is a fixed layout that has specific pattern as you can see when you choose the flora masonry for Images Gallery, it will display your images as the flora masonry layout of portfolio grid -> http://wydethemes.com/flora1/flora-masonry-full-width/

You should set the order of your images so they will fit properly in the layout. The Images Gallery element allows you to drag and drop the image to easily change the order of each item. Vertical images should be in the 1st, 7th, 9th, 10th and 11th.

Hello, can you help me?

I bought the theme “Flora” today. I have some problems with the registration of “Slider Revolution.” I downloaded the purchase code, entered it and get a message that the “Purchase code is invalid.” How can I fix this?

Hello,

This plugin came bundled with the theme, you don’t need to register the purchase code, this option is available for users who have purchased this plugin individually (direct buyers), see -> https://www.themepunch.com/faq/purchase-code-registration-faqs/#1447194117353-350de17e-e01f

Also, if you’d like to import demo slider or slider templates you can download free sliders here -> http://revolution.themepunch.com/free-slider-exchange/ and import them from your local computer.

Hey there, my website http://inspiredbyem.com is using Visual Composer (Blog Posts) as the static front page underneath my header image. It works great on Chrome… but for some reason on Safari the layout for my main front page displays with strange white spacing.

Can you take a look and provide suggestions on how to fix. Thank you! http://inspiredbyem.com

Hi there,

We just visited your site on Safari (on iMac, Macbook and iPhone), all of them are working fine, we couldn’t see any strange white space as you mentioned.

However, some of your images on blog posts are too large, we’re not sure why it displays these images in full size, it should display the thumbnails instead.

Follow the steps below to fix this issue:

1. Update your theme to the latest update, see more on updating the theme in our documentation.

2. Install the Regenerate Thumbnails plugin -> https://wordpress.org/plugins/regenerate-thumbnails/

3. Once you install and activate this plugin, go to Tools -> Regen. Thumbnails, then click on Generate All Thumbnails button.

Please note, this will not affect all background images (i.e. title area background, row background, slider background, etc.), all background images will always appear in full size so you should resize your image before uploading it as background image.

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