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.

Hello! I just downloaded the left-menu demo and would like to check how do I resize the left menu wider? left menu width to: 350px.

Hopefully the right side (main content) flows according to the changes?

Thanks!

Hello,

Try to add the custom CSS below to Theme Options -> Advanced -> Head Content to see if it works:


<style type="text/css">

    #side-nav {
        width: 350px;
        -ms-transform: translateX(-350px);
        -webkit-transform: translate3d(-350px,0,0);
        transform: translate3d(-350px,0,0);
    }

    .mobile-nav #side-nav {
        width: 260px;
        -ms-transform: translateX(-260px);
        -webkit-transform: translate3d(-260px,0,0);
        transform: translate3d(-260px,0,0);
    }

    @media only screen and (min-width: 1080px) {

        .left-nav #content, 
        .left-nav #footer {
            padding-left: 350px;
        }

    }

</style>

Hi, I really like the template of you, but I have a problem updating the template, I do not know how to do this, could you guide me how to do this? How much would you charge to do this?

You have to download the main package content in your Downloads tab on ThemeForest: https://themeforest.net/downloads

Extract the zip file, you will see our documentation. We’ve provided both manual and automatic update the theme in there. We would recommend you to update the theme by using the Envato Market plugin so you can download and automatically install the new updates from your WordPress admin page. Please follow the step by step guide in the documentation on how to setup and to use that plugin.

Could I hire this service with you?

We would recommend you to do it by yourself because when you setup the Envato Market plugin at the first time, you have to login by using your Envato account to get your API key, it’s related to your account and the update is only available for your account.

Once you have that plugin installed, you can update it automatically from your WordPress admin page.

If you choose to update it manually, you have to download and install it every time you have a new update.

However, if you’d like to hire someone who can help you with this, you can find them on Envato Studio: https://studio.envato.com/explore/wordpress-installation

Hello, I’ve found something that I think it’s a bug with Revolution Slider.

I have a slide with three picture, each of these has some text with a colored background with 50% opacity. These slides was online for about a year, today I’ve changed the background picture of a slide and the opacity of the background is not active anymore.

I see the opacity on the Slide editor but not on the online version of the site.

I’ve do many test by duplicate the other slide and change the picture: when I do any kind of change in a slide the opacity is lost.

On server side, I see this warning on PHP error log:
[13-Jul-2017 18:27:55 UTC] PHP Warning:  Invalid argument supplied for foreach() in /var/www/wp-content/plugins/revslider/includes/framework/cssparser.class.php on line 152

This happen when I edit a slide so I think that somehow is related with the issue. I’m using PHP 7.1.6, probably when I saved the slide for the first time I was using PHP 7.x, but I’m not sure that PHP version is related.

My support is actually expired but I hope that you will consider this as a pre-existent bug and give me some kind of support anyway. I think that the support of Revolution Slider should be involved.

Thanks Fabio

I suppose that this is a PHP compatibility issue. Our demo sites are running on PHP 7.0 and couldn’t find that issue. Try to downgrade your PHP to 7.0 to see if it works.

Hello, I’ve tried to downgrade to PHP7 but nothing has changed. I think that this bug was introduced in one of the past update of Slider Revolution: I’ve tried to restore the MySQL table “wp_revslider_slides” in order to revert my changes on the slides.

Then I do an export of columns ‘params’ and ‘layers’. In params there are just little changes due to the new images URL and media id. But on ‘layers’ there are a lot of differences: in the original JSON I have 1085 lines, when I save with the new image it becames 1343 lines. So a simple change on an image background change a lot of the JSON.

I suppose that when I save there is an upgrade of the JSON to the latest version format and this will broke my opacity. The very strange thing is that I still see the opacity on the settings and in the slide editor but it disappear on live version of the web site or in the slide preview.

I understand that an opacity is not so fundamental ;-) but this kind of issue make me crazy.

If you have any idea how to solve thank you. If you have a way to contact the Slider Revolution support I think is within their competence

Thank you

Actually you don’t need to restore the database but I would recommend you to export the slider and re-import it. When you import the slider with the new version of the plugin, the styles and settings will be converted to the new version automatically.

After inspecting this issue, I suppose that this is a compatibility issue of the Slider Revolution plugin. The new settings won’t work with the old layer templates.

There are couple ways to work around this:

1. Choose new template which has no background color for the layer so you can set new background and opacity for it, see more on layer template here: https://www.themepunch.com/revslider-doc/layer-settings/

2. If the above doesn’t work, you can set custom CSS in Advanced CSS tab to override the current template styles of the layer.

See more here: https://www.themepunch.com/revslider-doc/layer-styles-positioning/#tab-1438143570818-8-3

In the Advanced CSS tab, click on a Template to edit the custom styles, put the CSS below into the Additional Custom Styling box to set the background color to black with opacity 0.5:

{ background-color: rgba(0,0,0,0.5); }

3. I think that this is an easiest way. You have to export your slider first, and then import it to your site so the plugin will convert your old styles to the new ones and you will be able to edit the opacity and other styles with the new version of the plugin correctly.

Hey,

I have just paid for additional support.

I want to remove the scroll that occurs when you hover over a product on a category page. It scrolls through the images but I only want it to display the main image.

Also in the product page can I disable the image scroller for the thumbnails and just have them sit in squares like a standard woocommerce shop. We want to have 10+ photos that can be easily clicked without any scrolling as little thumbnails.

Our website is printflex.com.au

Thanks, Kieran

That is awesome, thankyou. Really appreciate the extra effort.

Only problem I have now is that our product headings are sort of centering when viewed on smaller devices for mobile or tablet.

https://www.printflex.com.au/producto/retractable-banners

Try to replace the code I provided:

.product-images {
    margin-right: -10px;
}
With the new one below:
.product-images {
    margin-right: -10px;
    clear: both;
}

Hi,

I am using your Flora theme and love it but I was curious. I am using a plugin to create a menu for a restaurant. Every entry I make is displaying the circular checkbox that would show up with an Unordered or ordered list. I tried to write code in the CSS that would hide that but did not get it to work.

Do you know a quick way to get the list to display with no bullets (circular check boxes). You can see what I am referring to here.

http://lisbongrill.wpengine.com/menu/

Anything you could do to help would be great. Thank you

ben

Hi,

Thank you for the link and detailed explanation!

When you add an unordered list inside the Text Block element, it will have a checkbox icon by default. The Text Block should not have any nested shortcodes or elements but only text content. We would recommend you to add a shortcode or custom element outside it.

If you’d like to add a shortcode or custom element in the content, you should register your shortcode in the Visual Composer -> Shortcode Mapper, see more here: https://wpbakery.atlassian.net/wiki/display/VC/Shortcode+Mapper

Once you add it in the Shortcode Mapper page, you will see your shortcode in the Visual Composer Elements list so you can add it directly to the page without using a Text Block.

However, you can remove those icons from the list in the Text Block by adding custom CSS below to style.css in your child theme:


.w-text-block ul li:before {
display:none;
}

I can’t install the theme using wordpress… and I’m really not overy tech savy when it comes to the ftp stuff… I tried putting the files across and half of them had an “unkown error”- I need help!!

Is there any error message while installing it on your WordPress?

Please make sure you’ve uploaded the correct installable WordPress theme. When you download the main package in your Downloads tab, you should choose “All files & documentation”. And then you have to extract that zip file to see all package contents. You have to upload the theme file called “flora.zip” inside the folder “WordPress Theme”, you can see more details on installing the theme in our documentation that’s included in the main zip file.

If it doesn’t work, please provide me your site URL and WordPress admin login in the contact form: https://themeforest.net/user/wyde#contact

OK, so I have managed to upload the file into the back end file manager… and the theme looks to be installed… but I can’t change any of the flora pre sets… i.e. branding and when make changes in the “appearance -> customise” when i make a change it comes up with “setting does not exist or is unrecognisable… things as simple as changing a colour.

Some settings do not support a live customizer, we will remove them from the live customizer in the future. We would recommend you to use the Theme Options panel as provided in our documentation.

this comment never mind. my mistake.

Can you show me some websites created with this theme. Love the demo but would like to see in real world. I’m after full bleed images and video, and large fonts over the top. Thanks!

Thank you for your interest in our theme. I’m sorry but I don’t have clients websites list. However, when you import demo content, you will receive all predefined pages/posts exactly as in our demos.

hi. i can`t speak english very well. your theme is good.

please visit my site. http://mam2apo.xsrv.jp/100per-stop-syakuri/

my blog post. do you see facebook widget or tweet timeline widget?

i can`t see. i always press F5 so i can see this widget.

That’s not the only one.

for example.

this is my “can`t see plugin list”

・diqus comment ・wp quad google adsense ・reaction ・vicomi

i always can`t see. so alway i stop this plugins.

what am i missed?

Also, please update the theme and all bundled plugins to make sure they will be compatible with the new update of WordPress and other plugins.

thanks. and i Try to disable AJAX Page. it works. really thanks.

Happy to hear that it has been resolved :)

Hi there. I have a big problem right now. After updating the theme to the newest version and then updating the Wyde Core and Visual Editor as well, the top menu bar isn’t displayed anymore. The mouse still “see” the link, but nothing is shown on the browser. You can see here, for reference: www.academiacriativa.com

EDIT: I just noticed that some layout elements which I use aren’t displayed correctly. For example the accordion. I can not open the tabs at all.

Hi there,

I just tried it and seems like you’ve figured it out.

Everything on your website is working fine on my end, I can also click on the accordion to open and close the tabs.

I guess this is a caching issue, if you have any cache plugin, try to purge all caches and refresh your browser caches to see if it works.

The website takes 5 to 7 seconds to load when I have activated super cache plugin and turned it on. It is 1.5 seconds faster now that I have upgraded wordpress and flora theme to latest versions. I need to get it down to 3.5 seconds. where are guides/documentation on to establish reasonlble image/video assset limits, what is roughly the site size limit (and slider revolution asset limit) to approach a 3.5 second page load performance goal? what general strategies and/or pluggins can I use to speed up this sluggish site (which does not work against wp super cache pluggin)? I think 2 seconds of loading time is due to the need to :”Eliminate render-blocking JavaScript and CSS in above-the-fold content”...

To fix the 404 error, you have to disable the “Defer JavaScript Loading” in Slider Revolution -> Global Settings, disable the number 5 in this picture: https://cdntphome-themepunchgbr.netdna-ssl.com/wp-content/uploads/2015/10/global-settings-2.jpg

There is 1 more JS error on your site, it says “module is not defined” in your custom JS file “uploads/custom-css-js/1152.js”. I’m not sure why you have that code but seems like it’s a wrong code. You should remove it from your custom JS file.

For the font issue, I just inspected it with the developer tools. It takes 5.96 seconds to load the font “Ubuntu-Regular.ttf” from your server. When you have many resource files on your server, it can reduce your server performance and increase the download times, we would recommend you to use Google Fonts instead.

Hi, When will this”defer javascript loading” in slider revolution be fixed? The site performs even worse without this feature. Should I be contacting the slider revolution developer?

I’m sorry, after investigating this issue, it actually is a script conflict problem. That feature won’t work properly when you have a jQuery plugin called Owl Carousel on the page. Of course the Testimonials on your home page is an Owl Carousel.

We’re working on this and it will be fixed in the next update of the theme.

However, I’m not sure why you would expect that this feature can increase your site download speed. Actually, only 2 script files from Slider Revolution plugin can work with that defer loading feature, others are still loading with standard method.

Also, as you know the script files would be loaded once you visit your site at the first time, and they will be saved in the browser caches. The browser won’t load those files from your server in the next visits but from the caches on your local computer instead. So, please don’t worry about that 2 files.

Anyway, we will fix this problem ASAP!

Just downloaded the theme and got it working on Wordpress. However, cant use Slide Revolution or Visual Composer as it says they are not activated.

Go to Plugins page on your WordPress admin, click on a link “Activate” below each plugin name to activate it.

However, if you’re looking for activating the product purchase code, you don’t need it. That option is available for direct customers to access the automatic update and direct support from the plugin creator. You can normally use both Visual Composer and Slider Revolution without registering the product code since they are included in the theme.

You can see more details on how to install the bundled plugins in our documentation.

We bought a new domain, copied website to new domain, we updated all of the plugins including theme and wordpress. Once we try to change the video URL or upload a new HTML video, it shows the correct video in the back-end of Slider Revolution, but on the front end it keeps connecting to the video from the old website.

We have used the Replace feature in the Slider Settings page to correct the url, but even after doing so, it links to the wrong video.

You can export the slider from your old site, then import it to your new site. This is the easiest way to copy the slider to other sites and you don’t need to edit any settings in the slider. Find more details on importing slider here: https://www.themepunch.com/revslider-doc/first-steps/#import-theme-slider

Importing from old site did not work. we had to disable the super cache pluggin and restart all in order to get slider to access correct video.

Exactly, if you have a cache plugin installed, you have to purge all caches after you made changes on your site.

hi, subscribers are appearing in my wordpress users for my site www.szrek2solutions.com. I think they are registering. They only see a dashboard but it is crowding my user section. why would people subscribe? what purpose does it serve? How can I control this function or remove this ability?

This depends on your WordPress site settings, you can disable it in Settings -> General. Uncheck the “Anyone can register” box, see more details here: https://www.competethemes.com/blog/disable-user-registration-wordpress/

I’m trying to import One Page demo but it shows only slider and no content at all. =/

Can you please fix it? Or maybe send to me One Page Demo text code? Thank you!

Actually if you have imported demo content and settings, it automatically setup your One Page site for you. However, to enable One Page site, please check these:

1. Enable One Page Website in Theme Options -> Page.

2. One Page site displays the pages from the Primary Menu. Please make sure you have setup the Primary Menu. Go to Appearance -> Menus, add Home page and other pages to display on the front page to the Primary Menu. Also, please make sure you have setup the static front page in Settings -> Reading. You can find more details on how to setup One Page site in our documentation.

Also, please always update to the latest update of the theme to make sure it will be compatible with the new update of WordPress and PHP on your server.

Hi,

the social media-icons are not working in Mozilla Firefox…

How can i solve that?

Best regards from Berlin Paul

All social media icons on our demo sites are working fine.

There may be a plugin conflict on your site, try to deactivate other plugins to see if it works.

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

Hi, I had some problems with the template. First of all, I couldn’t uploaded the theme via the wordpress , so I wanted to know if I upload it by ftp (which I already did) does this affect the plugins? What happened is that in automatic if I install the plugin of “wyde-core”, it does not let me use the template and if I desactivate it, it won’t let me make modifications.

Is there any plug-in you can get for this, that replaces the “wyde-core” and does not affect me in the customize?

Thanks and regards.

You can install and update the theme via FTP or cPanel File Manager instead. It won’t affect other plugins. Also, you can install Envato Market plugin that can download and automatically install the new updates from your WordPress admin. You can find more details on how to install and update the theme in our documentation.

Regarding the Wyde Core plugin, you couldn’t deactivate this plugin. The Flora theme requires Wyde Core plugin to work. If you deactivate it, the Flora theme won’t work anymore.

That plugin will disable some features from Visual Composer that are not compatible with the theme since this theme comes with custom elements and features. So, please do not use other features from the Visual Composer that are not available in the theme.

Hi there. Is there a way of changing all the pages for a dark bg color? Or only trough Visual Editor?

Thanks!

The page background settings are only available for each page. You should edit each page to change the background.

Anyway, if you’d like to set it for all pages you have to add custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">
    .main-content,
    .main-content.full-width{
        background: #000;
    }
</style>

Ok, Nice. Thank you. Maybe I’m a noob, but I don’t find where to change the background color per page. Can you point it out? Thanks again.

It’s in the Flora Options when you edit the page or post, select the Background tab to set the page background.

Hello, I hope you can help me, Im using the Flora left side menu, and for some reason the responsive /mobile menu doesnt activate on the home when im on the site from my phone. Hope you can help me with this, the web site is www.sushigama.com Thanks a lot

Hello,

You have disabled the header menu so it won’t show up on mobile.

Edit your home page settings, in the Flora Options change the Display Header to “Show”.

Hello! I want to use Google Font Ralewey in Cyrillic, but when I choose this font in Typography in Theme Options, it does not appear on the site. I tried to use it in the menu and in the body of the site, but it does not work. The problem is in Cyrillic because there is no problem in English. Please tell you what to do.

Hello,

After checking on the Google Fonts site: https://fonts.google.com/specimen/Raleway?selection.family=Raleway , the Cyrillic set is not included in the Raleway font. You should use other fonts instead.

Here are the fonts that support Cyrillic: https://fonts.google.com/?subset=cyrillic

When you select those fonts in Theme Options -> Typography, you will see “Cyrillic” is available in the Font Subsets dropdown so you can choose it.

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