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.

I am building a one pager right now. I didn’t choose the option “One Page Website” because I plan to add additional pages like a portfolio later. Right now I just have one link to my contact form inside the navigation. I placed an ID (“contact”) for the anchor ”#contact” at the row with the contact form.

When I then place a link to this anchor ”#contact” in a button inside visual composer, the website always scrolls automatically down to the contact form after page reload.

Also when I add ”#contact” as individual link in the menu. Any idea how to fix that? BTW: The anchor link in the menu doesn’t work?! Why that?

Even after I removed the anchor link from the visual composer button and the menu. It still scrolls down?! I tested it in Sfari and Chrome – logged in to Wordpress and logged out. Even after cleaning the cache.

Could you please PM me your site URL so I can find if there was something wrong: https://themeforest.net/user/wyde#contact

Hi Wyde,

I love your Flora theme! I am using the one-page template to build my site. I have changed the title of my home page so that it is called “Hello”. This has been reflected in the navigation menu bar up the top. The bar works fine, and clicking the links adds a ”#something” to the URL and the page scrolls to the right spot.

My question is – even though the menu bar says “Hello” and my page name is “Hello”, when I click the menu item, the URL bar shows ”#home”. Is there any way to change this?

Thanks,

David

It’s a page slug. Unfortunately, by default the slug of the front page won’t show up in the edit mode so you couldn’t find where to edit it.

The easiest way is editing the page with Quick Edit menu. Go to Pages on your WordPress admin, you will see the pages list. Find your front page (Hello), click on “Quick Edit” so you can change the “Slug” field from home to hello.

Hi, I was wondering if it’s possible to add contact info (mail and phone) on the top navigation, that is visible on the webpage, but not on the mobile version.

Unfortunately, this is not available in this theme.

In the Flora theme, if you enable Contact Info option in Theme Options -> Navigation, the contact info will show in the Sliding Bar Widget when you click on a Plus icon in the top navigation: http://wydethemes.com/flora3/

Also, when you’re using the Left Menu, it will display in the left menu instead: http://wydethemes.com/flora2/

I am having trouble with portfolios not loading, returning a 404 instead. I create a new portfolio and publish it and when I attempt to view, I get 404. I have tried deactivating all plugins except those required by the theme, made no difference. Can you suggest a solution?

Try to update the permalinks settings to see if it works. Go to Settings -> Permalinks, select Post name and save change to regenerate the permalinks rewrite rules.

If it still doesn’t work that means you have permalink conflict issue. Navigate to Theme Options -> Portfolio -> Portfolio Single Post. Try to change the Portfolio Slug option to another name. Your Portfolio Slug name couldn’t be the same as other pages and posts slugs. For example: If you already have the page named “portfolio”, you couldn’t set the portfolio slug setting to “portfolio”.

Resaving the permalinks setting fixed it. Thank you!

Hi i found an issue with this theme.

When I try to create some visual composer’s block and trying to save it, the button doesn’t work and it prints some strange errors in the console. Here there are: Uncaught TypeError: Cannot read property ‘match’ of undefined at n.getBackground (eval at <anonymous> (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery…:2), <anonymous>:1:10233) at n.save (eval at <anonymous> (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery…:2), <anonymous>:1:9381) at n.parse (eval at <anonymous> (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery…:2), <anonymous>:1:12360) at n.parse (backend.min.js?ver=5.0.1:5) at n.parseFrame (backend.min.js?ver=5.0.1:5) at n.<anonymous> (backend.min.js?ver=5.0.1:2) at load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:67 at Function.m.each.m.forEach (load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:67) at n.getParams (backend.min.js?ver=5.0.1:2) at n.save (backend.min.js?ver=5.0.1:2)

Hope you can resolve this issue.

Seems like there was a plugin conflict. Try to deactivate other plugins to see if it works.

If it doesn’t work, please PM me your site URL and login credentials: https://themeforest.net/user/wyde#contact

The code for buttons (.w-link-button) is not compatible with any plugin which attaches an event handler to it for the click action when the URL is not explicitly set. When you do not set a URL, the default of ’#’ is inserted as the URL. Your theme handles this with the wyde.page.scrollTo function. Here’s the source code: /* Button */ function initButton() { $(".w-link-button[href^='#'], a.w-button[href^='#'], a.w-ghost-button[href^='#']").on("click", function (event) { var $el = $(this); var hash = $el.attr("href"); if (!hash) { return true; } else if (hash == '#') { event.preventDefault(); return false; } else { event.preventDefault(); var target = hash; if (hash == "#nextsection") { target = $el.parents(".w-section").next(".w-section"); if (!target.length) target = $(".w-section").first(); } else if (hash == "#prevsection") { target = $el.parents(".w-section").prev(".w-section"); if (!target.length) target = $(".w-section").last(); } wyde.page.scrollTo(target); return false; } }); ... };

It would be best if you had a checkbox in the UI which disables smoothscroll and/or ajax loading on a per-button basis, or at least have a class like no-smoothscroll (just like you have no-ajax) to disable this.

This especially affects plugins like Popup Maker. See ways to trigger popup: http://docs.wppopupmaker.com/article/144-trigger-click-open

I eventually figured out that I had to set an explicit URL to the button AND give it a class per method 2 in those docs, but that was only by doing a console.trace() within your scrollTo function to see how it was getting called.

Another thing you could do which would be maybe a little easier to code would be to have the code for the button obey the ‘smooth scrolling’ global option, unless that is supposed to control some other type of scrolling.

Thank you for the useful suggestions!

The Link Button elements should work with other plugins because that code doesn’t remove or unbind other events from the buttons, it just sets the default action. I tried to add new action to the button and it works fine, it calls my custom function properly.

I’m not sure why it doesn’t work with this plugin. Maybe this plugin calls the function before the theme so the theme overrides the one from the plugin.

However, you can remove the last “return false;” from the code of ”.w-link-button” so it allows the button to call other functions added before this theme. We will remove it in the next update too.

Here’s the code after editing:

$(".w-link-button[href^='#'], a.w-button[href^='#'], a.w-ghost-button[href^='#']").on("click", function (event) {
            var $el = $(this);
            var hash = $el.attr("href");
            if (!hash) {
                return true;
            } else if (hash == '#') {
                event.preventDefault();
                return false;
            } else {
                event.preventDefault();

                var target = hash;

                if (hash == "#nextsection") {
                    target = $el.parents(".w-section").next(".w-section");
                    if (!target.length) target = $(".w-section").first();
                } else if (hash == "#prevsection") {
                    target = $el.parents(".w-section").prev(".w-section");
                    if (!target.length) target = $(".w-section").last();
                }

                wyde.page.scrollTo(target);

            }
        });

Also, you should set the URL of the Link Button to #popmake instead of blank and #.

I tried it with this Popup Maker plugin and it works fine.

Hey,

When I upgraded to the new version of flora the image of the cart on the sidebar disappeared, also the accordion wont collapse once opened. example page: https://www.printflex.com.au/producto/snap-a-frame/

Thanks

Hi,

Thank you for reporting these issues, we will fix them in the next update.

I am working with Revolution Slider and I have it linked to my portfolio, but even thought I’ve followed the instructions supplied buy ThemePunch enabling a link for the slides, I’m not getting the images to connect to the portfolio pages.

I just tried it on our sliders and it works. I can click on the image on the slider and it brings me to the portfolio page. I’m not sure why it doesn’t work on your site. Could you please PM me your site URL and login credentials so I can help you out: https://themeforest.net/user/wyde#contact

When installing this theme everything works until I install the Visual Composer – at that point I get a 500 Internal Server Error. I’ve reloaded the theme a three different times and installed all other plug-ins one at a time, it breaks at this point.

Sounds like there was a plugin conflict, try to deactivate all other plugins, and then activate only Visual Composer to see if it works.

If you can activate Visual Composer, try to activate other plugins one by one to find the problematic plugin.

If it still doesn’t work, please PM me your site URL and login credentials: https://themeforest.net/user/wyde#contact

Perfect that worked well

Hi We purchased this theme http://wydethemes.com/flora6/

But Video not working when we go from other pages to home back. As working on theme demo. Please help with this. You can check on http://cart-geek.com/sol/

Hi,

There are JavaScript errors from the Slider Revolution plugin. I’m not sure why it happens only on your site. Maybe there was a plugin conflict issue, try to deactivate other plugins to see if it works.

Also, try to check your slider settings because I found the error came from the slider extension (action module) but this is not available in our demo slider so I suppose there was something wrong on your slider settings.

Hi there.

Hi there. Suddenly, my site shown an error. It was working fine but then it crashed. I will show only the end of the code as it shows my FTP and domain: on line 106

Parse error: syntax error, unexpected '<' /themes/flora-child-theme/functions.php

I’m the only one that have access to site files. And I’m 100% sure no changes were made on this file.

Do you know what this can be?

Unfortunately, there is no line 106 in the original version of the file functions.php in the flora child theme. I’m not sure why there was ’<’ on the line 106. Try to check the code in this file, the last line should be:

add_filter( 'wyde_social_media_icons', 'flora_get_social_media_icons' );
*/

If not, try to remove other codes to see if it works.

Hi,

I would like to use the font Jura on my website. Is it possible to use this Google Font?

And I can’t remove the title in the portfoliopage either. Do you know how to remove this?

One more: at the client carousel, the logo’s get bigger when I hoover over them. How can I remove that they get bigger?

1. You can remove the published date of the portfolio posts in Theme Option > Portfolio -> Portfolio Single Post > Publish Date.

2 and 3, you can add the code below into Theme Options -> Advanced -> Head Content to remove the portfolio title and disable the hover effect from the clients carousel:


<style type="text/css">

    /*Remove the portfolio title from portfolio page */
    .single-wyde_portfolio .post-title {
        display: none;
    }

    /*Disable hover effect from Clients Carousel */
    .w-clients-carousel .owl-carousel .owl-item:hover img { 
        -ms-transform: scale(1,1); 
        -webkit-transform: scale3d(1,1,1); 
        transform: scale3d(1,1,1); 
    }

</style>

Hi Team i’m working with your theme, a beautiful one let say. i’m using it on Creative Studio. The problem is in the slider, i’ve been trying to using a video layers. No results. I’m also trying to do it from vimeo and Youtube. No results as well. Finally i tried to do it as html5 video, but still not working.

Can you help me to see what happen with the video slider?

find a user and pass to access the website, also the vimeo and youtube video links.

http://bme.com.do/wp-admin user=support-team pass=D0@UnbdVMtokA^(cP$P*kfQe vimeo video: https://vimeo.com/199617798 youtube video: https://www.youtube.com/watch?v=N3oZk1ZDrKw

Please make sure you’ve updated the Slider Revolution plugin and all bundled plugins too.

If it still doesn’t work, please PM me your site URL and login credentials: https://themeforest.net/user/wyde#contact

now i restored the las backup after the update, but when i navigate within the port folio. something is going wrong because i can not go inside the portfolios. Please help

Sounds like it’s a permalink issue, try to update the permalink settings in Settings -> Permalinks, select Post name and save changes to see if it works.

Hi ! I’ve problem with plugin WPML. As soon as I activate plugin (just installed) the site is broken and nothing appears (blank page), when I deactivate plugin, it’s working….

I thought theme was compatible with WPML ? thanks to help

Yes I have last version of WPML and wordpress

Maybe there was a plugin conflict, try to deactivate other plugins to see if it works.

Ok thanks, I found pb.

When I do cklic in a portfolio item is not opening shall I make second attempt to open it

http://www.toepoxiako.gr/portfolio-tag/eidh-thermansis/

I suppose this is a server issue. I often see the error “Service unavailable” on your website.

When you’re working with AJAX Page, the page will load the content by using AJAX and change only the content inside the page. Of course if the server error and return “Service unavailable”, you will see nothing changes and you have to click on a link again to change the page.

You need to disable AJAX Page option in Theme Options -> AJAX Options to see the actual problem. I’m sure you will see the “Service unavailable” when you click on portfolio items and any other links on your website.

Hello. In mobile it’s possible to show the categories below the title in portfolio grid? Screenshot = http://www.santimartinez.com.ar/grilla2.png

PD= Sorry for my english. Thanks, S.

Hello,

I’m sorry but I couldn’t see your screenshot, it always says “Service unavailable”.

However, to show the categories on mobile, you have to add custom CSS to Theme Options -> Advanced -> Head Content as below:


<style type="text/css">
    .touch .w-view figure h3{
        padding-bottom: 30px!important;
    }

    .touch .w-view figure p{
        display: block!important;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 30px;
    }
</style>

Thanks!!! ;)

Hi, there. After moving the theme to a child theme (I think it was right after this fact), the Testimonials simply stop working. There are testimonials on its section, but no testimonials are shown on the theme. :(

Those words are in the flora.pot. Find and translate 3 words “Name”, “Email” and “Required” one by one. Both “My Cart” and “See more” are in flora.pot too. If you couldn’t find them, try to update the theme to get the new update of flora.pot. I’ve checked it in the latest update of the theme and found them all.

Thanks. All worked except for the My Cart text. Already updated the theme but nothing really work.

The word My Cart was loaded from WooCommerce caches, try to close the browser and reopen it again to see if it works.

Hi,

I have two questions about the slider. 1. I can’t add images on the slider. They don’t appear on my website. Videos and text works fine. 2. There’s some kind of layer on my video. I used your template and changed it a bit, but I can’t find how to remove it.

Hi,

1. You can find how to add images to the slider here: https://www.themepunch.com/revslider-doc/image-layers/

2. I’m not sure that your video is a video background or video layer. If it’s a background, you can select the Main Background tab and then remove the video URL from the Source tab as you can see here: https://www.themepunch.com/revslider-doc/main-background/#tab-1437536189479-6-2

If it’s a video layer, you can double click on the video layer to change the video settings or select the layer and delete it from your slider, see more: https://www.themepunch.com/revslider-doc/video-layers/

If it still doesn’t work, please PM me your site URL and login credentials: https://themeforest.net/user/wyde#contact

Thanks, I’ve send you an email!

I’m doing a site containing a portfolio, but the portfolio consists simply of the image, rather than the project as a demo on your website. I can not use a cell portfolio, as when you press the pictures are not enlarged photograph opens a separate page. I would be perfectly approached the usual Image Gallery. I create a page, add it to the Image Gallery, filled her image and save. Page appears, but because I am using a One Page Website, the complete contents of the page displayed on the main page of the portfolio. How can I limit the Number of images that appear on the home page and from the bottom to add the “see more”?

Unfortunately, there is no option to set the number of images to show in the Image Gallery, it always displays all images you added.

To work around this, you should create new page to show only preview of your gallery.

1. Create a page to show some of images in your gallery, and then add this page to the main menu so it will appear on the front page. Also, add a Link Button element with “See more” text to the bottom of the Image Gallery to link to another page that displays all images (in the next step).

2. Create a page to show all images in the gallery but don’t add this page to the main menu.

Please tell me why there are no standard Visual Composer elements such as Media Masonry Grid? How can I get them back?

Some elements are disabled because they’re not available in the theme features and design. Also, default elements of Visual Composer come with ton of CSS and JS that can take several seconds to load. So we added custom essential elements for you instead.

We’re sorry but you couldn’t get those elements back since the theme is not compatible with them. You can use the Portfolio Grid, Image Gallery or the Blog Posts Masonry/Grid layout instead of the Media Masonry Grid.

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