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.

After enabling some of the woocommerce features of the theme I started getting a JS error: /wp-content/themes/flora/js/main.js?ver=1.0.1472672904, line 858, Uncaught TypeError: Cannot read property ‘height’ of undefined.

Here’s the line of code `var maxHeight = $(window).height() – (self.pageTop + self.header.height() + $(”.menu-cart .buttons”).outerHeight() + 150 );`.

The issue is with `self.header.height()` As I look at it, I don’t know what ‘header’ would be, unless it was supposed to be initialized somewhere else.

Maybe this is what was meant? `var maxHeight = $(window).height() – (self.pageTop + $(self).find(‘header:first’).height() + $(”.menu-cart .buttons”).outerHeight() + 150 );`

What am I supposed to see with the minicart option turned on? Right now I just get the cart in the primary nav (I’m using the sidebar layout like in http://wydethemes.com/flora2/)

If you wanna check out the site it’s http://pbjj.vandertech.com/

That code is related to the mini cart in the header menu when you’re using the top menu like on the main demo -> http://wydethemes.com/flora1/

The code ‘self.header.height()’ gets the height of the header menu, it should not return an error because the header menu is always in the page even you’re using the Left Menu.

I just checked it on your site but it doesn’t happen now. There is no script error on my browser console, see the below image:

Please let me know if there is something I am missing?

However, we will update the code to check if the script couldn’t find the header to prevent this error in the next update.

Hi,

I try to access to my website (chouka.fr) this morning but it’s impossible, it displays an error message on every page I try to open (even the back office).

The message is :

Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /homepages/2/d422255898/htdocs/chouka.fr/wp-content/themes/flora/inc/class-tgm-plugin-activation.php on line 1191

I already called my web hosting operator that explained me it was a problem with the flora theme.

Do you know what can I do to recover my website ?

Thanks for your help

It’s a server PHP issue. You’re using the old version of PHP. You should change the current version of PHP to 5.4 or above.

Perfect, now it works ! Thanks a lot !

No problem :)

Hello,

I’ve a issue with the full width setting for maps. I did this (without success) :

To display the Google Maps in full-width.

1. Change the Page Layout in Flora Options -> Page at the bottom of the page to ”Wide”.

2. Edit the row container, change the “Content Width” to ”Full Width”.

3. Edit the Column, change the Padding Size to “No Padding”.

I get space at the side. Any idea?

Thank you.

Hello,

I suppose this is a screen size issue. If your screen resolution is larger than 1920px, you will see the space at both sides because the theme is set the maximum width of the content to 1920px. This issue has been fixed in the next update that will be released in a couple of days.

You can fix it right now by editing the file “wp-content/themes/flora/css/flora.css” as below:

Remove below code from the line 7892:


@media only screen and (min-width: 1921px){
    .w-section.w-full .container {
        max-width: 1920px;
    }
}

Thank You, It Works.

Hello, the slide effect shortcode of your theme don´t work, I´m asking you help on this matter since last week and you answer was that I have to upgrade the template which I already did and the error continues. Fixing this error is crucial to me and I need help asap.

Hello, you already said that the error was fixed and I was counting on that, the slide effect is one of the main reasons I purchased your theme and now is not working properly and besides that I have to wait for a next release? when is that going to happen? Also there is no need to be rude on internal messages answering me that your support team doesn´t work 24 hours straight, that´s more than obvious, behave like a pro.

I’m sorry if it makes you feel that. You leave a 1 star review about I answer you in delay and said I answer when I want.

So I just said I couldn’t answer you instantly because I’m not available 24 hours a day, it means as I said I think it’s not a rude answer. We’re in different timezones when you ask your questions, maybe it’s my bed time, this is what I mean.

Also, that message is not an internal measage. I replied directly to your review. As you can see on the Reviews tab in the Flora theme page, all reviews are public, your review and my answer are not the internal message.

Regarding the animation issue, it’s my apology. I thought it has been fixed because there is an animation issue in the recent updates and we’ve already fixed it. But the issue on your site is a new one when it’s on the top of the page.

However, if you couldn’t wait for the next update, you can send a refund request, if you’d like -> https://themeforest.net/refund_requests/new

question 1 – is there a way to disable the fancy loading of pages on certain links/buttons? it is interfering with my plugin’s (popup maker) ability to hook to the click event on buttons to open a popup containing a form.

question 2 – other times i want to load a form on a regular page. i am using ninja forms 3.0.5 for my forms. i can add them to a page using visual composer no problem. i can preview or load the page directly using ‘view page’ and the page displays fine. however, if i click a link to navigate to the page, the ajax loader doesn’t seem to initiate the page content/form and i just get a blank page. is there a compatibility issue with ninja forms 3.x?

you can see what i mean if you go to http://pbjj.vandertech.com/ and scroll down and click the register button in the second row, center column. But if you load the page in the url directly, it works: http://pbjj.vandertech.com/quick-register/

1. There are 2 ways to disable AJAX Page on certain links/buttons.

1) Add the page URL in Theme Options -> AJAX Options -> Exclude URLs.

2) Add CSS class named ‘no-ajax’ into the Extra CSS Class field of the Buttons element, or add it directly to the class attribute of the links like below:
<a href="http://www." class="no-ajax">Link</a>

This way is recommended for your case.

If it doesn’t work, you’ll need to disable AJAX Page in Theme Options -> AJAX Options.

2. It’s an AJAX Page issue, you can fix it by following the 1st way in the above answer, then add ’/quick-register/’ to the Exclude URLs settings.

This is awesome. Very cool. One quick suggestion. Please set the event listener on the body and evaluate the existence of the no-ajax class on the fly when the click happens. This will make it a little more flexible so the no-ajax class can be added/removed to elements on the fly and event bubbling will allow the page to listen to elements brought in or modified on the fly.

We will look into this. Thank you for your suggestions!

Hi there – I’ve just changed our theme to yours expecting that our portfolio items would transfer over, but they haven’t..?

Have I done something wrong please or is there an easy fix for this? Otherwise it will take many many hours to put it all back..

Many thanks :)

Sure, it’s easier if those portfolio items are compatible with this theme and any other themes like a blog posts.

Unfortunately, it’s different from a blog post that is a built-in post type of WordPress.

When you change the theme to new ones from different creators, you have to add new items of Portfolio (and other custom post types) again.

However, if you create portfolio items and other custom post types (i.e. Team Members and Testimonials) in this theme, they all will be available in our other themes (the Overlap theme, the GoGreen theme and any themes in the future). You can switch between our themes without creating them again.

Thanks Wyde – I’ll try and find a workaround or do it the hard way :)

Thanks for your kind understanding :)

Hi,

How can I use my own font on revolution slider please.

If you’ve already added the custom CSS to imported your custom font in your child theme, you can put the font name directly to the font list in the slider even it’s not available in the list.

Hello Wyde,

I’ve a problem with the head background. I’ve one different in each page, but I can’t see ir responsive on mobile phone or tablets. I put the image like background, not like a single image. It could be the problem??

I hope you can help me.

Thank you a lot,

Isabel

Hello,

By default the background image will display as Cover. That means the browser will scale your image automatically to cover the background area, some parts of the image may not be in view. You should choose the background style (Cover or Contain) to suit your image.

If you’d like you can PM me your site URL -> https://themeforest.net/user/wyde#contact it’s easier to inspect this issue on your live site.

Hi Wyde

I can’t find the answer to my question. About the infobox.

How can I remove the “farn” symbol end of the description text?

And when I add a button inside the description text I get even two of those “farn” symbols :)

Thank you.

1. Try to add the custom CSS to Theme Options -> Advanced -> Head Content as below:


<style type="text/css">
.w-info-box.w-large .w-content p:after{
display:none;
}
</style>

2. Please add only text in the description text, you should add a button below the description instead. When you set the URL (Link) option for the info box, you’ll have a button below the text.

Worked! Thx

Hello

I’m wondering why my general used font: “Fira Sans” is not in the list of fonts I can choose for Custom Header. Do you know, how I can add it?

The font is ok on any other content, but Custom Header.

Thank you.

Hello,

You can add it in your child theme as follows:

1. Install and activate flora-child-theme.zip.

2. Go to Appearance -> Editor to edit the Flora Child theme.

3. Add the below code to Theme Functions (functions.php):


function flora_get_google_fonts( $fonts ){

    $fonts[] = json_decode('{"font_family":"Fira Sans","font_styles":"regular,italic,bold,bold italic","font_types":"400 regular:400:normal,400 italic:400:italic,700 bold:700:normal,700 bold italic:700:italic"}');

    asort($fonts);

    return $fonts;
}
add_filter( 'vc_google_fonts_get_fonts_filter', 'flora_get_google_fonts', 200);

Amazing! It’s working. Thank you!

Hi, thank you for your amazing theme.

I’m a noob with css, but I know how to add :)

I need a single infobox (title) in a different colour, I know I can add css specific for this one box, but I don’t know what to write. (Class?) If you can help me would be great, thank you!

I already tried to find under search, but there was no such questions.

Best regards:

A happy customer: Marc

It’s better if you add your custom CSS to your child theme.

1. Install and activate flora-child-theme.zip.

2. Go to Appearance -> Editor to edit the Flora Child theme.

3. Add the code like the below ones to Stylesheet (style.css):


.infobox-red h3{
    color: red;
}

.infobox-white h3{
    color: #fff;
}

4. Edit your Info Box, then add the class name such as infobox-red into the Extra CSS Class field.

Great! It works, and thank you for the step by step guide, I can adapt the concept now for other elements. ;)

No problem :)

Hello! We have some issue on apple mac os Safari with correctly display image in portfolio masonry layout with 4 grid and effect split images – they are being resized and not scaled properly. We style the size of .w-item in grid by device width in property but on the desktop Safari mac os – height of the row are beeing heigher when page loading – when we click on filtrable element the problem are fix and property calculate size of row. We figure it out how can fix the problem! Version of theme are implemented – 1.3 We would appreciate of every necessary information and constructive feedback ;o) Thank’s a lot!

the website: http://www.pate.pl

Sorry for my english

Hello,

I just tried it with Safari on both iMac and Macbook, everything looks good. Your portfolio items are showing in the grid properly in squared dimensions with the correct aspect ratio as you upload.

Try to change the hover effect to see if it was a bug of this effect. Also, try to deactivate other plugins to see if it works.

If you’d like you can send me any screenshots to support[at]wydethemes.com.

Here is the screenshot of what I can see on your site.

Hi there. I need to create some pages that are acessible only to paid customers. These pages would offer some exclusive and private videos, but I really do need these pages to be behind a paywall. Do you have any workflow for this? Thank you!

Hi there,

You’ll need to install the 3rd party plugins regarding the membership and access manager, we’ve never tried it but if you’d like you can try a free plugin here -> https://wordpress.org/plugins/advanced-access-manager/

Also, you can find paid plugins on CodeCanyon, for example -> https://codecanyon.net/item/ultimate-membership-pro-wordpress-plugin/12159253

Hello!

I purchased your theme (which is great) and I need help with a couple of issues, but I rather write you an e-mail to be able to send you screenshots and stuff. Can you send me your e-mail address please or do you have some helpdesk ticketing system? I really appreciate your help. Thanks in advance!

Send it to support[at]wydethemes.com, you can also contact us through the contact form -> https://themeforest.net/user/wyde#contact that will send directly to our email.

How do portfolio grid images need to be sized? Some of the images I am placing in the gallery are not filling the grid space vertically even though they are more than large enough.

The images in portfolio gallery should be larger than 960×960px so they will be cropped to fit properly in the grid/gallery layouts.

Try to upload the larger ones to see if it works.

If it doesn’t work, please PM me your page URL -> https://themeforest.net/user/wyde#contact so I can help you out.

Just starting out with this theme. I imported demo content and I’m looking at the portfolios. They have visual composer code but visual composer is not enabled. I don’t see an option in the visual composer settings to turn vc on or off in portfolios. What do I do to enable vc in portfolios?

Go to Visual Composer -> Role Manager, select your Role to enable it on your role. In Post types choose “Custom”, select “wyde_portfolio” to enable it on portfolio post. You can also select “post” to enable it on blog post.

See the video tutorials here -> https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Settings#VisualComposerSettings-RoleManager

That worked. Thanks!

Hello,

Is there a way to change the color of h4, h5 and h6 without custom css? I can do it for h1, h2 and h3, but the others do not have a font color option. Please advise.

Thank you!

Hello,

Unfortunately, the H4, H5 and H6 are included in different parts of your website but it’s not good to change them all to the same color so we have no color settings for them.

Also, when you add the headings by using the Custom Heading element, you can set the color for them individually in the element settings window.

However, for the headings in other parts such as blog single page and portfolio single page, you’ll need to add custom CSS to change them because we have no other options and do not recommend you to customize these pages.

Hi,

I am trying to remove the text-transform from the h1. I have added the following into the Head Content:

<style type=”text/css”> h1 { text-transform: none !important; } </style>

But it does not work. The h1’s are still capital…

Please advise.

Thank you

It looks like no matter what I put in the Head Content, none of the custom css is working.

I just tried your code on my end, it’s working fine. Maybe there was any other codes on your site are more important than your code.

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

hi there – I need to change the titles of post types in the Ajax search as they’re not aligned with what we have created from an end user perspective – how can I go about this? Also I have switched off the options for date and user to show on those results but they still show. Thanks again!

Hi there,

To change the titles of post types in the AJAX Live Search, please add the custom CSS to Theme Options -> Advanced -> Head Content as below:


<style type="text/css">
.autocomplete .search-list li h4{
color: #fff;
}
</style>

Unfortunately, the options for displaying date and author are for the full search page only. It won’t affect the AJAX Live Search.

Exactly, in the current version the AJAX Live Search only looks at the titles since you can use the full search on your search page (that can also search content) instead.

However, we will look into these issues and they will be resolved in the future update.

Thank you for reporting these issues!

Hi again – I can change the colour of the post types using CSS, yes, but what I’d like to do is change what they say. For example – “Portfolio” – on the site we’ve developed, this needs to be “Clients” or “Case Studies” and “Posts” could be “News” or “Blog”. Do you see what I mean?

I’ve used CSS to hide the author/date meta from the Ajax for now, but would be nice if it was part of the options of the theme. The main thing is to get the search looking at the content of the pages, as again for this site page titles aren’t going to be the bits that people are going to want to look for, they’re more likely to search for key phrases that would appear in the body of the pages instead. It’s a small thing though – still a big fan of this theme.

Thanks again!

Unfortunately, in the current version it display the titles of post types directly from WordPress post types, you’ll need to change them directly in WordPress language files, that sounds difficult!

In the next update, those titles will be available in the theme language files (PO files) so you can change them in the theme by using POEdit or a translation plugin such as Loco Translate.

Sure, for the AJAX Live Search, we will look into it and it will be improved in the future update, thanks for your kind understanding.

And thanks again for reporting the issues :)

how can i change the standard/default “Shop” in breadcrumbs navigation to “Products”?

All static words in the theme are available in the PO files that’s ready for translation. You can edit any words by using POEdit -> https://poedit.net/download.

To translate your theme, please follow these:
1. Open POEdit, then choose File -> New from POT/PO files.
2. Choose flora.pot from "flora/languages/flora.pot".
3. Find the word and translate it.
4. Save it in your WordPress current language such as "en_US.po", then you will also get "en_US.mo".
5. Install and activate flora-child-theme.zip.
6. Upload both "en_US.po" and "en_US.mo" files to "wp-content/themes/flora-child-theme/languages/" to replace the old ones.

See more on how to use the POEdit -> https://make.wordpress.org/polyglots/handbook/tools/poedit/

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