1370 comments found.
Hello,
How can i add another social media icon on footer please? I want to add Line icon. Please see my screenshot http://www.meeprom.com/wp-content/uploads/2016/10/Screen-Shot-2559-10-12-at-12.17.15-PM.png
Hello,
You can add social media icons via your child theme.
1. Add below code to functions.php in your child theme:
function flora_get_social_icons( $icons ){
$new_icons = array(
'custom-line-icon' => 'Line',
);
return array_merge_recursive( $icons, $new_icons );
}
add_filter('wyde_social_media_icons', 'flora_get_social_icons', 100);
So you will see a new social option at the bottom in Theme Options -> Social Media.
2. However, there is no Line icon in the FontAwesome and any other icon sets in the theme so you will need to create custom image icon and display it via custom CSS instead.
Please add below code to style.css in your child theme:
.custom-line-icon{
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
background: url(http://a5.mzstatic.com/us/r30/Purple71/v4/b7/e0/90/b7e090f8-e496-a1a0-2e80-8b588ca4ac18/icon256.png) no-repeat center center;
background-size: cover;
-webkit-background-size: 100%;
}
Thank you 
How can i change icon color when i hover line icon? or make other icons remain the same color please http://www.meeprom.com/wp-content/uploads/2016/10/Image_3abab47.jpg
Here is the code to change the color of social icons when hovering:
#footer-nav .social-icons > li a:hover{
color: #fff;
}
Thank you so much
Hi,
How can i increase title text size on Info Box please?
The title text on Info Box is an H3, you can change the custom font size for H3 in style.css in your child theme.
Thanks
i tried relocating the “additional information” tabs to after the “add to cart” button, and changing the tabs position from left to top. now, there is a huge gap between the tabs and the content (of the tabs):
http://www.clean-quiet.com/wp/wp-content/uploads/2016/10/tabs.jpghow can this empty space be removed?
You should edit the custom code we provided as follows:
1. Replace:
.woocommerce-tabs > .tabs {
float: none;
width: 100%;
text-align: center;
}
With:
.woocommerce-tabs > .tabs {
float: left;
width: 100%;
text-align: center;
}
2. Replace:
.woocommerce-tabs .panel {
float: none;
width: 100%;
}
With:
.woocommerce-tabs .panel {
float: right;
width: 100%;
}
^ In the above layout can the manu have a dropdown menu? If yes, do you have a demo demonstrating this feauture?
The menu in above demo is a Full Screen menu, it won’t display the sub menu as dropdown but will display as the sliding sub menu like the Left menu in this demo -> http://wydethemes.com/flora2/
However, this theme comes with 4 navigation layouts, if you’d like it to display the dropdown menu, please choose the Classic menu ( http://wydethemes.com/flora3/ ) or Expand menu ( http://wydethemes.com/flora1 ) instead.
^ In the above layout can the manu have a dropdown menu? If yes, do you have a demo demonstrating this feauture?
The menu in above demo is a Full Screen menu, it won’t display the sub menu as dropdown but will display as the sliding sub menu like the Left menu in this demo -> http://wydethemes.com/flora2/
However, this theme comes with 4 navigation layouts, if you’d like it to display the dropdown menu, please choose the Classic menu ( http://wydethemes.com/flora3/ ) or Expand menu ( http://wydethemes.com/flora1 ) instead.
We are having an issue where a contact form isn’t loading. I have it in place on the contact page, but it doesn’t appear until I reload the page. We’re using the Visual Composer but instead of Contact Form 7 I am using Ninja Forms. I based the design off of your left navbar (flora2) theme is that helps.
I can supply a link to the page in question if you need more context.
Sounds like that plugin is not compatible with AJAX Page. Try to disable AJAX Page in Theme Options -> AJAX Page to see if it works.
Hello Wyde
After I deactivated all plugins I sill have the error message ” Javascriptvoid(0)” when I try to change something on slider revolution.
Do you have a idea what it could be? Or should I ask the plugin developer?
Thank you.
We’ve never seen this issue before.
Could you please PM me your site URL and admin login credentials -> https://themeforest.net/user/wyde#contact so I can investigate this issue and help you out.
How to add the wpml language buttons to the sticky header? (next to the menu button) (now from the account of the one who bought it)
You can add the language switcher into the primary menu. In WPML settings, select Display the language switcher in WP menu, then choose the Primary Menu. It will show as the dropdown menu after other menu items.
I have it in the Main menu and in the footer already. But i want to have the language flag in the sticky header instead.
Unfortunately, if you’re using the Expand or Full Screen menu, it displays only menu icon (hamburger icon) in the sticky menu. You have to click on an icon to show all menu items.
You couldn’t show the language flag and other menu items in the sticky menu when you’re using the Expand menu.
To show it in the sticky menu, you will need to change the Navigation layout to Classic or Left Menu instead.
Ok i have the menu put on clasic mode. Now the options are available. Only i when i go to English instead of the default Dutch language i can’t go back.
It looks like it won’t refresh the menu itself.
How can i fix this?
(testen in the default theme and there it works without any problems)
When the AJAX Page is enabled, the menu content won’t be changed when you navigate to another page. You should disable AJAX Page in Theme Options -> AJAX Page to fix this issue.
I never thought about the AJAX page. It’s working now. Thx for the help.
No problem
Hey guys,
Hope you’re well since we last spoke.
My client has contacted me alerting me to an issue with the menu on mobile devices. When the menu is longer than the screen, you can’t ‘scroll’ the menu without it choosing whatever you put your finger on, so in some instances it’s almost impossible to select a menu item you are looking for.
As this website is for a school, there are a lot of school children using it and they all have mobile devices so we would love it if you could take a look at this for us please?
Here is a live link: http://haywoodschools.com Here is a video of the problem: https://youtu.be/fWjUOKuB8OU
Any questions, please let me know. Thanks guys. Conor
Hi,
This is a bug of the menu on mobile. We will fix it in the next update.
Thank you for reporting this issue!
Hey, when can we expect that update please? This is quite an urgent issue for us due to the nature of the website (lots of children and elderly users)
We will release the new update in a couple of days.
Any update on this please?
My apologies, there are many issues need to be fixed in this update, it takes a few days to solve all of them. We will release the new update ASAP!
Can you give me an exact timeline, or just tell me what code needs to be fixed to sort the menu issue? Four days ago you told me two days. We have nearly 14,000 students and their parents using this website and due to their age range need a fix for this ASAP. Any other fixes are not urgent at this point but the menu problem is.
We’re sorry, we will release it within 24 hours.
We just released a new update. Please updating the theme to solve the mobile menu issue.
Thank you. Could you tell me specifically which files have been edited? So i don’t overwrite any of our custom changes (not using a child theme 
)
I’m sorry but there are many files have been edited in this update. The main JavaScript and CSS files and PHP files of shortcode templates including WooCommerce templates. So I couldn’t specify which files.
Also, everytime you update the theme please update the whole theme folder to prevent the conflict issue.
You will need to move your custom changes to child theme or add them into Theme Options -> Advanced instead.
BTW, if you’d like to fix only menu issue you can update only file “js/main.js”. I’m not sure but you can try to see if it works.
Hi, i spot a little bug : https://www.as-serrurerie.com/conseils-infos-utiles-serrurerie/ On mobile the “rounds” are quite buggy. they display in almost random places. (tested on chrome mobile)
Regards.
The Tabs Icons issue on mobile has been fixed in Flora 1.3, please update the theme to fix it.
Hi, htnaks the problem is fixed, but after update i get another new bug with client carroussel : goo.gl/eulwpp
Regards.
Sure, this issue has been fixed in the next update, and we will release it in a couple of days.
How to add the wpml language buttons to the sticky header? (next to the menu button)
Please contact us from the account that purchased this theme to make sure you’re currently in the correct product page that corresponds to what you have purchased.
Where can I get the theme documentation for your ‘Flora’ theme?
The documentation is included in the main downloaded package. Choose “All files & documentation” when you download it from ThemeForest.
Hello, after the latest update Visual Composer is not working!
Please make sure you’re using the latest update of Visual Composer (4.12).
Wordpress automatically updated it to 4.7.4
That version is not compatible with the new version of WordPress.
You have to update the theme to get the new update of Visual Composer.
The current version of Visual Composer that installed on your site is out of date and it prevents you to update via the theme.
After you update the theme, you will need to delete the Visual Composer plugin from your Plugins page. Don’t worry, it won’t affect your current data and settings.
Once you delete it, you will see a notification message to install the new one that comes with the theme.
Sorry, how do I update the theme?
Also, you can download and update the theme on your WordPress admin by using Envato Market plugin.
Please download the new update from the Downloads tab on ThemeForest, choose “All files & documentation”.
Extract the zip file, then you can find the instructions on how to update the theme in our documentation.
Hey There,
Im trying to add custom icons to my page and saw the short tutorial in the comments already but i cant seem to make it work as i’m quite new to all this stuff. Could you please walk me through it, ive uploaded my icon test set and it is as per below.
<link href=”https://file.myfontastic.com/ibbNzLGXipHypCHU9UpnfC/icons.css” rel=”stylesheet”>
Thanks, Kieran
If you have uploaded your icons to another site, you can add the below code into functions.php in your child theme:
function flora_child_theme_enqueue_icons_css() {
wp_enqueue_style( 'flora-custom-icons', 'https://file.myfontastic.com/ibbNzLGXipHypCHU9UpnfC/icons.css', array('flora-icons'), null );
}
add_action( 'wp_enqueue_scripts', 'flora_child_theme_enqueue_icons_css' );
add_action( 'admin_enqueue_scripts', 'flora_child_theme_enqueue_icons_css' );
function flora_get_custom_icons( $icons ){
$custom_icons = array(
array( "icon-test" => "Icon Test" ),
);
return array_merge_recursive( $icons, $custom_icons );
}
add_filter( 'flora_iconpicker_icons', 'flora_get_custom_icons' );
Hey thanks for the quick reply, I copied this code in and now I can’t access the website anymore, do you have an email or skype i could contact you on to sort this issue?
I’ve tried it on our site that works fine. Please PM me your site URL and admin login credentials -> https://themeforest.net/user/wyde#contact
Thanks all good, I copied it from the email and it had
tags in it so I logged into the cpanel and removed them and it was all good
Please don’t copy it from your email. Please go to the comment page, then copy it directly from the comments. You should remove PRE tag from the code, it’s just for showing the code as preformatted text.
Please reply to my previous question!
I apologize! I do not see the previous answer!) When waiting for the update?
We will release the new update of this theme within a week.
However, 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;
}
}
Hi,
I’m uploading images to the theme via the portfolio, and they’re coming out incredibly blurry.
The images are created in Photoshop, at 700px X 1200px, saved as jpegs or pngs and at a decent resolution. When checked in preview or photoshop, they look like a good quality. When i upload to the portfolio page in the gallery section, and click preview…the images are so blurry. The bulk of the images im uploading are web page mocks, so rectangle shaped. As a test, i uploaded a square image of 700px X 800px and the quality is significantly better – any idea how to get around this?
My website is a showcase of web designs, so i need to be able to upload portrait shaped images rather than landscape. I’m using the portfolio template with the large image on the left, and text on the right.
Any help would be appreciated!
Thanks
Hi,
Unfortunately, when you’re using the large image on the left (first layout). Your images should have the width larger than 825px since the width of image area at the left side is 825px. Otherwise, you have to use other layouts such as Slider or Grid instead. However, these layouts require 2 or more images in gallery to display properly.
Hi Wyde,
Thanks for getting back to me. I just tested uploading at image which is 2581px wide from photoshop, and the problem is the same – it’s still blurry. Any idea on why it’s happening if the original file size is wider than 825px?
Thanks,
Abi
Total dimension for the image uploaded was 2581px X 6609px
Hi Wyde, You can see how blurry it is here:https://i.imgsafe.org/28764dd1e2.png
Please PM me your site URL -> https://themeforest.net/user/wyde#contact so I can investigate this issue and help you out.
Hi there
I want to adjust the height of the revolution slider so that it fits the height of the image but can’t figure out where to do it see here:
http://scooter.webranger.co.nz/Cheers Cat
Hi there,
For the background image, in the Background Fit option choose “Cover”, see more -> https://www.themepunch.com/revslider-doc/main-background/
For the image layer, click on an image choose “Cover”, see the image at the bottom of this page -> https://www.themepunch.com/revslider-doc/image-layers/
in the product detail page, can i change the tabs “description”, “reviews” to the top instead of the current left?
Try to add custom CSS to Theme Options -> Advanced -> Head Content as below:
<style type="text/css">
/* WooCommerce Tabs */
.woocommerce-tabs > .tabs {
float: none;
width: 100%;
text-align: center;
}
.single-product .woocommerce-tabs .tabs li {
clear: none;
float: none;
padding: 0 10px;
display: inline-block;
}
.single-product .woocommerce-tabs ul.tabs li a {
margin-bottom: 10px;
}
.single-product .woocommerce-tabs .tabs li.active a:after {
right: auto;
top: 45px;
left: 50%;
margin: 0 0 0 -6px;;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.woocommerce .comment .comment-text {
width: 90%;
}
.woocommerce-tabs .panel {
float: none;
width: 100%
}
</style>
Hi, I would like to change the top navigation color. (default: Grey) I tried to add the custom CSS below to Theme Options -> Advanced -> Head Content:
<style type=”text/css”> /Dark version/ .w-text-dark:not(.w-fixed) .top-menu > li > a{ color:#000; } /Light version/ .w-text-light:not(.w-fixed) .top-menu > li > a{ color:#fff; } </style> You can change color value from #000 to any value.
But no luck I use the light version, Is this still possible?
Hi,
Actually, you don’t need to add the custom CSS as above.
When you edit the page, you can choose the top navigation color in Flora Options box at the bottom of the page. Select Header tab, then change the Foreground Style to Light so you will have the white color.
Ok thanks, I understand, but how do I change my foreground style to #47292b
Here is the code to change the light menu color to #47292b:
<style type="text/css">
.top-menu a,
.expand-nav.full-nav-active .w-light .top-menu a,
.w-light.w-fixed .top-menu a,
.w-light .top-menu ul a {
color:#47292b;
}
</style>
All right, so I’m having some troubles with sliders and links in the menu.
See a gallery here: http://imgur.com/a/UO2IF
The first picture is the main page, and it works as intended. The second page is the About Us: the slider there has been duplicated from the one in the first page, all settings are the same. I changed the picture and the text. However, no matter what I use as page settings (Default, Wide, Boxed, etc) I can’t get it to go wide so that you can’t see white bars. What am I doing wrong?
Also, I tried to use a standard “mailto:address” in the main menu so that people can directly click to send an email, but that brings up a 404 page. Any suggestion?
- Change the Page Layout to Wide. - Edit the Row Settings, change the Content Width to "Full Width", then, change the Vertical Padding Size to "No Padding" - Edit the Column Settings, change the Padding Size to "No Padding".
2. For the mailto in the main menu, I’ve tried it and everything works fine. Please make sure you add it with the right way. You should select Custom Links section to add new custom menu instead of page menu. In the URL field, put “mailto:youremail@yourdomain.com” then set the menu text in the Link Text field.
The first point is addressed, works now, thanks!
For the second, I meant how can I add a link in those three items I can set on the left menu from the General Theme Settings? http://imgur.com/a/8OpI5
I formulated it this way: http://imgur.com/a/deJM2 but that doesn’t seem to open the email client and brings up the 404 page. Shouldn’t it work?
I’ve tried it on our demo -> http://wydethemes.com/flora2/ and it works fine, see below images:
You can try it there.
If it doesn’t work on your end, that means this is a browser issue. Please try it on other browsers or another computer to see if it works.
All right, thanks, I’ll try that. Last thing (perhaps): can’t figure out how to center the icon under the title. I’m copying the settings from the demo home page (where it is centred) but it still aligns on the left. Any suggestion?
https://imgur.com/a/dIiidIn all honesty even text that appears centred in the home page is not technically centred in the text block, I’m not sure if there’s some overriding setting somewhere.
Edit the Column Settings, change the Text Alignment to “Center”.
Excellent!
One more thing, I know you don’t develop the Revolution Slider but maybe are familiar with this problem: https://imgur.com/a/SG2T0
On mobile texts do not scale correctly. Is there any way to force them to scale according to the screen size?
Sure, you can set different font size and styles for mobile. Edit the slider settings, enable Custom Grid Sizes for mobile and tablet if you’d like, then save settings.
Then once you’ve activated the “Custom Grid Size”, when you edit a slide, you can set different styles for each screen, see more on Custom Grid Sizes -> https://www.themepunch.com/revslider-doc/slider-setup/#custom-grid-sizes
Wow, didn’t know about that. Have to say, fantastic support!
Sure, it’s my pleasure! Thank you
Great work! Good luck with sales! Looks clean and unique
Thanks for your nice comments
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
