1370 comments found.
I’ve used Revolution Slider successfully before with a different theme, but I can’t figure out how to add a video to the fullscreen slider on the homepage with the Creative Agency template I installed with the Flora theme. I was able to switch the main background image (if that makes any difference, but it disappears after a brief moment). In an effort to add a video, from the Main Background tab, I checked “HTML5 Video” and then linked to a 4MB .mp4 file I uploaded to the image gallery. (I’m running the site on my Mac running MAMP.) I’ve finished most of the rest of the site, but it will be for naught if I can’t get a video clip to play when people first arrive on the homepage.
There are 2 ways to add an HTML5 video to the fullscreen slider. 1. Set it as the background slider, see this link -> http://www.themepunch.com/revslider-doc/individual-slide-settings/#tab-1437536189479-6-2
2. Add a new Video Layer, navigate to this link -> http://www.themepunch.com/revslider-doc/slide-layers/#layer-video select HTML5 Video tab.
If you’ve followed the steps in the links above but it still doesn’t work, make sure you’ve added MIME type for HTML5 video to your MAMP server, see also these links:
http://stackoverflow.com/questions/3226701/how-to-change-mime-types-in-mamp http://voice.firefallpro.com/2012/03/html5-audio-video-mime-types.html http://seanjhealy.com/lab/ovid-user-guide-for-html5-video/reference/troubleshooting.html http://stackoverflow.com/questions/6070312/firefox-4-not-playing-html5-video-when-on-server
Hey guys, great theme! I know that many themes have a location for adding custom css. I am looking for how to do this for the with the flora theme. Specifically, I would like add @font-face, and see if I can correct little glitches in the way the header/navigation loads on mobile. I looked through the documentation and couldn’t find anything.
Hi,
You can add your custom CSS as below:
1. For specific page: You can add the custom CSS (without style tag) in the Page Settings window, see the image below: http://wydethemes.com/assets/ss/page-settings.jpg2. For all pages on your website (global settings): You can add your custom CSS in Theme Options -> Advanced -> Head Content, this section requires style tag as below:
<style type="text/css">
.your-css-class{
}
</style>
hi, I’ve changed the search engine of my site with solr (WPSOLR). This service overwrite the default WP search engine. It worked with the classical search form in the sidebar, but not at all with the ajax live search bar. How can I eventually change the search engine of the live search with the default wp search engine? thank you very much S.
Sorry but we’ve never tested our theme with WPSOLR so we couldn’t answer with this question. If AJAX Live Search can’t work with your search engine so you should disable this feature in Theme Options -> Search -> AJAX Search. When you turn off this feature, the AJAX Live Search will switch to the classic search like the search in sidebar.
HI! How can I create a new external ajax page or make the transitions work with an external page? And when i say ‘external’ , I mean a non-wordpress page, but still inside my domain. Thank you S.
Hi,
If you would like to add a link to external site or link to non-WordPress page, you should set the “Target” option of the link to “New Window” ( _blank ) so the AJAX page script will skip this link and it will not load this page into the ajax content area. You can also add the excluded URLs to prevent AJAX script to load those URLs in Theme Options -> AJAX Page.
The AJAX page script that included in this theme can only work with page layout from this theme. It designed for the specific HTML structure so it’s too hard to use this script with another page layout.
...so I would create another page layout to make it works?
If you would like to use AJAX script from Flora with the external pages, those pages must have the page layout (HTML template) as same as the page layout from this theme and you should include all scripts and stylesheets files from Flora in those pages. That means you should copy the HTML output from home page on your WordPress website that installed Flora theme and then use these codes for creating a new page. However, we recommend you to work with another jQuery AJAX Page plugin for adding to your external page, it will be easier than using our AJAX script that designed for our WordPress theme.
Hello, I am trying to make the import of demo one page but I can not, when you access the site it does not display the contents, gets (opacity: 0;) how to solve this ?? or importing correctly equal demo is the demo of you? Thank you, great theme
Hello,
This is a PHP issue, the recent update of this theme has an issue with PHP 5.4 or below, you can upgrade your server PHP to 5.5 or above to fix this issue. If your host has a cPanel so you can change the PHP version in the Software/Services section.
However, this problem has been resolved in our next update so you can wait for the next update that will be available for download in a few days.
Hello, thanks for the reply. On my server it can not change the version of PHP. Would have a prediction of when it will come out this fix? for I am with some urgency to put this site up. Or even release me this fix and then I do the theme update ?? I’m waiting.
Hello,
You can fix this issue yourself by adding the featured images and gallery images to the Portfolio Grid element and the Image Gallery element or remove these elements from all pages in your website if you would like.
However, we will submit our next update within a couple of hours so I suppose it will be available for download within 48 hours. When it ready for download you will receive a notification email letting you know there is a new update for this theme.
.no-touch input, .no-touch textarea, .fa.fa {transform: initial}
I had to add this line to my recent install – Contact form 7 fields were also not showing up…
Hi,
We will add this line into the main CSS of the theme. Also, the Contact Form 7 fields issue will be fixed in our next update.
Hi! I need to change the size of the logo in the main menu full width. Is it possible?
By default, the maximum height of logo is 50% of the header height. You can add the custom CSS below to Theme Options -> Advanced -> Head Content to increase the maximum height of logo to 70%.
<style type="text/css">
#header #logo img{
max-height: 70%;
}
</style>
Sorry but the code above only for Vela theme, please use the code below instead.
<style type="text/css">
#header-logo img{
max-height: 70%;
}
</style>
Great theme. In trying to customize, I have come across a couple of perplexing issues…
1. The Creative Agency demo import was the only one that would load the homepage. All other demos were blank. (I see another user had the same issue). I’m OK with using that Demo however I’d like to know why the others won’t load.
2. The “Facebook Like” widget is blank no matter what I do. I have tried numerous addresses to test and it still shows up blank. It seems to be the only widget not working. Flickr works… the Social Icons work… Custom Text works… just not Facebook.
3. I’m also getting a syntax error when I try to load the portfolio page… “Parse error: syntax error, unexpected ‘[’ in /home/content/22/11802622/html/wp-content/themes/flora/templates/portfolio/content-masonry-flora.php on line 19” ... If I add a portfolio item and go to view that item I am sent to a blank page.
Any help you could give would be greatly appreciated.
Thank you.
Hi,
The 1st and 3rd issues are a PHP issue, you should upgrade your server PHP to 5.5 or above to fix this issue. If your host has a cPanel so you can change your PHP version in the Software/Services section. However, this issue has been fixed in our next update that will be available for download in a few days.
Regarding the Facebook Like widget issue, there is a bug with this widget in current version of the theme, it will be fixed in our next update. Thanks for taking the time to report these issues.
Wow! You guys are amazing! Thank you so much for the prompt response!
Welcome! 
Hi,
I would like to use the feature “info box” with my own icon/image. Is this possible?
Thanks.
Hi,
Flora Child Theme includes the function that allows you to add your custom font icons into the Icon Picker.
You should install and activate the Flora Child Theme (flora-child-theme.zip) that included in the main download package. Navigate to Appearance -> Editor, and then select the Flora Child to edit. In the main functions (functions.php) of child theme, you will see the function for adding your custom icons to the flora icon set. You can remove the comments ( /* ... */ ) that wraps the function flora_get_custom_icons and then add your icon CSS class as the example code that you see within this function. Please don’t forget to upload your font icon files to your host and add their CSS class into the main CSS file (style.css) of the child theme.
Is this possible with image icons as wel? Which image format should it have?
You can use PNG image as the background image of each icon.
Can u place the right css here? Doesn’t work in the info box..
You can add your icon CSS classes as below:
.custom-icon-1{
background:url(your-icon-1.png) no-repeat 50% 50%;
}
.custom-icon-2{
background:url(your-icon-2.png) no-repeat 50% 50%;
}
Thanks for the quick reply, done this but in the backend editor it shows the name but with an empty box(icon). Also in the info box the icon doesn’t show up. Path to icon is right…
Hi,
Make sure you add the correct URL of your icons in the CSS class.
Also, in order to display the custom icons in the backend you should add this CSS file to the backend by adding the code below to the functions.php in your child theme:
function load_custom_admin_style() {
wp_register_style( 'custom_icons_css', get_stylesheet_directory_uri() . '/style.css', null, null);
wp_enqueue_style( 'custom_icons_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_admin_style' );
Is there something else i need to add then background… ?
Background URL is right but is still not showing
When using background image instead of font icon, your icon will not scale like a vector icon so you should set your icon size in the CSS class as below:
.custom-icon-1{
display: inline-block;
width: 32px;
height: 32px;
background:url(your-icon-1.png) no-repeat 50% 50%;
}
Thanks for the help! Great service.
Welcome!
- CSS animations were bugged on FontAwesome icons (translate + rotate = only translate works).
- Form elements (input, textarea, checkbox and radio) had disappeared.
.no-touch input, .no-touch textarea, .fa.fa {transform: initial}
I used ”.fa.fa” (and not just ”.fa”) in order to override “transform: translate (0, 0)” (icons.css line 587), since icons.css is added after my flora-child stylesheet.
Hi,
In our next update, the file icons.css will be added after the main CSS (flora.css) that will fix this issue.
Thanks for taking the time to report this issue.
Hello
I am having trouble uploading the child theme for FLORA. It says complete and then fails.
Also, the sample content times out and I have very generous times for that. Please advise.
[ auth = 2de1a870-1e2a-4e75-a834-f89293302c7a ]
Jonathan Lewis
Hello,
What’s the version number of the theme that installed on your website. There is an issue with the child theme in Flora 1.0.0, if your current version is 1.0.0, you should update the theme to the latest version.
Concerning the demo content time out issue, if you’ve uploaded the demo content via the WordPress Importer plugin so please use our AJAX importer in Theme Options -> Home instead. You can import the demo content with just a click.
If it still doesn’t work, that means your host is suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:
max_execution_time 600 memory_limit 128M post_max_size 32M upload_max_filesize 32M
For more details on how to import demo content, please follow the instructions in our documentation.
Hello there and thank you for responding so well.
I am running WP 4.3 and in Flora, I just now updated to 1.0.1 and still get this error when installing the Child:
Installing Theme from uploaded file: flora-child-theme.zip
Unpacking the package…
Installing the theme…
This theme requires a parent theme. Checking if it is installed…
The parent theme could not be found. You will need to install the parent theme, Flora, before you can use this child theme.
Theme installed successfully.
Return to Themes page
Do I need the child to operate the theme?
I will take a look at the php config about the other issue.
Thanks again.
In my shared environment, I have this: max ex = 120, mem limit = 128, max input = 120, post max = 128, and max file = 128. Hard configured. Any suggestions, as they are fixed. FTP workaround?
You can use the theme without the child theme. However, you can edit your current child theme by navigating to Appearance -> Edit, select the Flora Child to edit and then select the Stylesheet (style.css).
Replace:Template: FloraWith
Template: flora
If you would like you can send us your email in the message box on the author profile page -> http://themeforest.net/user/wyde so we can send you a new one of the child theme.
Hello! I use the “Left Menu” version of your theme with the option “Ajax Page” on. I have only one menu level. On page load, classes such as “current-menu-item” or “current_page_item” are applied. However if I click on the menu to load a new page, the HTML of the menu is updated, but the pre-mentioned classes no longer appear, and therefore no menu appears selected.
Hello,
Seems like this is a bug with the Left Menu. It will be fixed in our next update. Thanks for taking the time to report this issue!
Hey there,
I purchased this theme and love it so far… I’m trying to create some posts for my blog page and am having trouble. When I click on the individual post from the Blog page, nothing happens. When I am creating the post and click on ‘View Post’ before publishing I get this error message:
Fatal error: Can’t use function return value in write context in /home/content/p3pnexwpnas08_data01/54/2788954/html/wp-content/themes/flora/single.php on line 22
Can you help me fix this issue so I can start creating posts? Thanks!
This is a PHP issue, this error will occur on PHP 5.4 or below. We will edit the code to fix this issue on PHP 5.4 so this problem will be fixed in our next update. However, you can try to change your server PHP to 5.5 or above to fix this issue. If your host has a cPanel so you can change your PHP version in the Software/Services section.
Okay, do you have any idea when the next update will be?
Currently, I am unable to change my server PHP to 5.5 (it’s not possible with my hosting) is there another way to enable this update? Much appreciated
We will edit the PHP code on the line 22 in single.php so it can work with PHP 5.4. If you would like you can send us your email in the message box on the author profile page -> http://themeforest.net/user/wyde#contact so our support can send you the code with the instructions on how to fix this issue to your email.
Hi, just customizing Flora theme and so far so good. Can you please tell me how do I translate terms like “All” in the portfolio Filter or “Client” from the porfolio item page.
Thanks
Flora includes .po and .mo files in the folder languages so you can use the translation software like POEdit ( http://poedit.net/download ) to translate the static text within the theme. For more details on how to use POEdit, see this link -> https://make.wordpress.org/polyglots/handbook/tools/poedit/#translating-with-poedit
hi there,
sorry about that. this should now come from the account where we bought the theme.
is there a way to go full width for the home page?check out pollyn.com. i would like that homepage image to go full width.
also, how do you add the social media icons?
do i need to install the child theme?
thanks.
1. Edit your page with the Backend Editor. 2. In Flora Options -> Page, change the Layout option to Wide. You can also set default value of this option in Theme Options -> Page. 3. Edit the Row, and then change the Content Width to Full Width.
You can see more on Row Options in our documentation.
Regarding the social media icons, you can only use the existing social media icons that we provided in Theme Options -> Social Media. However, we will allow you to add a custom social media icons in our next update. You will also see the instructions on how to add the social media icons in the main functions file (functions.php) within the child theme.
I followed the steps you provided but i’m still having a little bit of trouble. Does the image have to be a certain size? i’m viewing it on 21.5” iMac and if i stretch the window all the way the image doesn’t expand edge to edge. thanks.
Each element type will display the image differently. - If you add an image from the media button in the WYSIWYG text editor, the image size is fixed as the size you select before adding it to the text editor so it will not expand to fit to the window width.
- If you add an image by the Single Image element so it will be stretched to fit within the column width with a certain size.
- If you add it as the background image of section, it will appear as large as possible so that the section is completely covered by the background image and some parts of the image may not be in view within the section area.
So if you would like your image to expand edge to edge, you should set it as the background image of the section that will scale this image to be as large as possible so that the section is completely covered by this image.
hi there,
great theme. is there a way to go full width for the home page?
check out pollyn.com. i would like that homepage image to go full width.
also, how do you add the social media icons?
do i need to install the child theme?
thanks.
Hi there,
Please contact us from the account that purchased the theme.
Hi guys! I’ve bought Flora but I can’t install the WPVisual Composer Plug-in. When I try to active the plug-in It appears a fatal error. What ca I do?
If the fatal error that you mentioned looks like “Fatal error: Allowed memory size of 33554432 bytes exhausted” that means your host is suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase these limits to a minimum as follows:
max_execution_time 600 memory_limit 128M post_max_size 32M upload_max_filesize 32M
Also, you can try to add define( ‘WP_MEMORY_LIMIT’, ‘128M’ ); to wp-config.php, see more details on this link -> http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP
Hello – I am trying to build my homepage based off of the homepage on your Creative Portfolio template. I’ve created each portfolio piece and they appear on the homepage. But when I select an portfolio item from the homepage to see the details, I get this error: Parse error: syntax error, unexpected ‘[’ in /home/content/72/10713972/html/wp-content/themes/flora/templates/portfolio/single.php on line 38. I get similar errors for all of the portfolio pages.
Please advise.
Hello,
I suppose it is a PHP issue, try to check the current version of your server PHP. If your host is currently running on PHP older than 5.4 so you should upgrade your server PHP to 5.4 or above. If your host has a cPanel, you can change the PHP version in Software/Services section. If it still doesn’t work so try to remove the featured image and gallery images of this portfolio post and select them again.
Good job ! However I met two problems:
- I would like to add buttons and classes in tinyMCE editor via this code. It works in my previous theme but not in yours. How do I proceed?
- The “at” in the following line should be in a __() function because it is not translatable:
class="comment-date"><?php printf('%1$s at %2$s'
(custom-functions.php, line 574)
One last thing, you use the domain “flora” for the __() function, except in the two files below where you use “Flora” :
- comments.php
- shortcodes\class-shortcode.php
The difference in case prevents translation to operate. You can easily fix the error using the following regex:
- __\( ?([’”])(.+?)([’”]) ?, ?([’”])Flora([’”]) ?\)
- __(\1\2\3, \4flora\5)
Hi,
This theme includes its own custom buttons, in order to add or remove buttons in toolbar (2nd row), you can use these codes below instead:
/**
* ajouts des boutons sup sub dans tinyMCE
* http://codex.wordpress.org/TinyMCE_Custom_Buttons#Enabling_hidden_MCE_buttons
*/
function flora_child_mce_buttons_2($toolbars) {
/**
* Add in a core button that's disabled by default
*/
$toolbars['toolbar2'] = 'formatselect,styleselect,forecolor,backcolor,hr,pastetext,removeformat,charmap,outdent,indent,wp_more,spellchecker,superscript,subscript';
return $toolbars;
}
add_filter( 'tiny_mce_before_init', 'flora_child_mce_buttons_2', 500 );
/**
* ajouts des classes dans tinyMCE
* https://codex.wordpress.org/TinyMCE_Custom_Styles
*/
function flora_child_mce_before_init_insert_formats( $init_array ) {
// Define the style_formats array
$style_formats = array(
// Each array child is a format with it's own settings
array(
'inline' => 'code',
'title' => 'code'
),
array(
'inline' => 'kbd',
'title' => 'key'
),
array(
'inline' => 'span',
'title' => 'nowrap',
'classes' => 'nowrap'
),
);
// Insert the array, JSON ENCODED, into 'style_formats'
$init_array['style_formats'] = json_encode( $style_formats );
return $init_array;
}
add_filter( 'tiny_mce_before_init', 'flora_child_mce_before_init_insert_formats', 500 );
Regarding the “at” in comment-date, it will be updated in our next update. Thanks for taking the time to report this issue!
Also, all issues about text domain will be fixed in our next update!
Thanks for the quick reply !
Another thing (sorry ^^‘) : I think the stylesheet css/flora.css should be called before css/icons.css because the rule ” .no-touch * ” (line 78) prevents rules like ” .fa-flip-horizontal ” from being applied.
Indeed! We will fix it! Thank you so much!
Hello! I couldn’t active the theme. This sentence appears: Fatal error: Call to undefined method WPBMap::dropAllShortcodes() in /web/htdocs/www.assuntaferaca.it/home/wp-content/themes/flora/shortcodes/class-shortcode.php on line 156.
I need help.
Hello,
Seems like your website has the old version of Visual Composer installed. Please deactivate the Visual Composer and delete it from your website before you activate the theme. After you activate the theme you will see a notification message to install this plugin and other recommended plugins.
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
