1370 comments found.
Hello,
How can i customize the preloader image? I mean a image from my own.
Thanks for a answer.
H.
Hello,
You can add the code below to your child theme:
add_filter('flora_page_loader', 'flora_get_page_loader');
function flora_get_page_loader(){
return '<div style="text-align:center;"><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" /></div>';
}
Install and activate flora-child-theme.zip, navigate to Appearance -> Editor to edit Flora Child theme and add the code above to Main Functions (functions.php). Replace the return value with your custom HTML so it will appear as the page loader.
Hallo, I have a little problem with side-navigation on mobile version of my site: When I have a menu voice with submenu I can’t tap the principal Url because the theme opens directly the submenu on the side navigation. Thank you Ross
Hello,
If your parent menu items have their own links, you can click on these links to go to their pages. If your theme is out of date, please update the theme since it’s working now on our demo sites.
If it still doesn’t work, please send us your site URL in the contact form -> http://themeforest.net/user/wyde#contact so we can investigate this issue and help you out.
Hello,
Just replied to your email. You can update the theme to fix this issue.
Also, is there a way to edit the Menu colors?
Unfortunately, this menu doesn’t allow you to change the text color. You can only choose from Dark and Light color of the top menu for each page. When you edit the page you can change the menu color in Flora Options -> Header -> Foreground Style.
Thanks!
I’ve been having some problems with the website being responsive on the mobile format. Is it responsive? Or did I misunderstand that feature? Looking forward to your response.
Of course! This theme comes with responsive design feature. However, there are some content elements such as portfolio grid and image gallery grid have a bug on mobile. Please let us know when you see there is something wrong on any part on your website so we will fix it ASAP!
Hello Wyde,
I would appreciate some help with logo in the header on a Flora template. I am using a One page template as a starting point and when I my logo in the required resolution, it is displayed much smaller. Am I maybe missing some settings, or is there any chance to get the logo to be bigger. I have uploaded a .png file in 77×70px dimensions as required, but it gets displayed at around 30 px or approximately one third of headers height. Thank you again for your help and support. Best regards, Luka
Hello,
Your logo would be scaled down to fit within the header menu. In order to increase the logo size, you need to add the custom CSS below to Theme Options -> Advanced -> Head Content:
<style type="text/css">
#header-logo img{
max-height: 60%;
}
</style>
Just increase the min-height value if you want a bigger one.
Hello Wyde, once again, thank you very much. Very helpful of you and a really quick response!
With kind regards, Luka
You’re welcome 
Hello!
Great theme, do you have the names of the fonts you use? Thanks a lot.
Justin
Hello,
We use many fonts in this theme, you can see font names and customize them for each part in Theme Options -> Typography.
As the theme stretches ‘gallery’ posts to the width of the box (which often makes verticals too long to view) I’ve opted to insert a gallery into the text/body of the entry [full size, 1 column] whenever I’m posting verticals, images I don’t have at a large enough resolution or images of inconsistent sizes.
Alas, I’m unable to center them:
http://alexandermasters.com/2015/10/05/corey-boyce/Any idea how I’d go about doing that?
If you’d like to add 1 column of images to the post, you don’t need to create a gallery but just add them one by one from your media Library so you can edit each of images to choose size and align option.
It’s the ‘one by one’ part that makes it so unattractive. Some of the posts have ~40 images, so this was the easiest way to go about inserting them.
We’re sorry but there is no option to align WP gallery images. The best way is adding an Image Gallery element from this theme instead, change Gallery Type option to “Grid” and choose 1 column. And add the custom CSS below to Theme Options -> Advanced -> Head Content to center the images in the gallery.
<style type="text/css">
.w-image-gallery{
text-align: center;
}
.w-image-gallery .w-item a{
display: inline-block;
width: auto;
}
</style>
Hello, I’ve added anchors to my services page, but I would like to add some smooth scrolling code. Could you provide that code for me? Here is the page: http://www.lessismo.com/services/
thanks
Hello,
The smooth scrolling feature included in the link button elements in this theme. First of all, you should add your anchors by adding the Row ID field (such as “section-1”) in the Row Settings window when you edit the row. And then add a new Link Button element to the page, and set the URL field as the Row ID such as ”#section-1”. So when you click on this link your page will smoothly scroll to the target section.
Could you show me with screenshots? I’m pretty new at this. Thanks
In order to add a row ID, please follow the steps in the images below:
However, in the current version of this theme, the Icon Block elements that you use as the links (e.g. PR, Advertising, etc.) have no smooth scrolling feature, you should add the code below to Theme Options -> Advanced -> Body Content to enable smooth scrolling feature on these elements.
<script type="text/javascript">
jQuery(window).on("wyde.page.ready", function(){
jQuery(".w-icon-block a[href^='#']").on("click", function (event) {
var $el = jQuery(this);
var hash = $el.attr("href");
if (!hash) {
return true;
} else if (hash == '#') {
event.preventDefault();
return false;
} else {
event.preventDefault();
wyde.page.scrollTo(hash);
return false;
}
});
});
</script>
Also, in the next update of this theme, we will add this feature to the Icon Block element so you can remove the code above after you update the theme next time.
Perfect… Thank you so much! Great Support!
1. So, after I added the custom code, “our work” page does not display correctly on mobile devices. The do not show our client logos. 2. The site is now moving extremely slow. 3. How do I create hover effect on the “our work” page. When someone hovers there should be an effect for each box.
http://lessismo.com/work1. This code won’t affect your logos on mobile. this is a bug with column background on mobile, this background image overlays on your logo when it displays on mobile so you won’t see your logo images. This issue will be fixed in our next update. You can fix it now by adding the custom CSS below to Theme Options -> Advanced -> Head Content:
<style type="text/css">
.section-background{
z-index: -1;
}
</style>
2. Since your site has too large image size in many parts such as row background and title area background so it will take a long time to load those images. Background images are different from featured images of posts, when you set your image as background, it will appear as your original upload but the featured images will appear in the certain size that have been cropped and resized by WordPress. You should resize and compress your background images before uploading them to your website.
Also, if the Preload Images option has been turned on, your site will load all images within the page before displaying the whole content. You can turn off Preload Images option in Theme Options -> General.
3. Please add your images as Portfolio posts instead, so you can display them on Portfolio Grid that comes with 11 hover effects as you see on our demo sites -> http://wydethemes.com/flora1/grid-full-width-4-columns/
Also, if you just only want to show your images without any other detail, you can use Image Gallery element instead, see -> http://wydethemes.com/flora/elements/#image-gallery
Thanks, when I chose vertical or horizontal split for the hover effect, it’s blank white space. How do I get the portfolio items to appear on http://www.lessismo.com/our-work/
Also, footer widget column isn’t displaying correctly. I want the footer to look just like your demo here: http://wydethemes.com/flora1/grid-full-width-4-columns/
When I place a text widget in column 2,3, or 4, it just places every widget in the footer column 1. How do I fix this?—http://lessismo.com
The issue with Vertical and Horizontal Split effects has been resolved in Flora 1.2.0 so you can update the theme to fix the issue.
Regarding the issue with footer widgets, we’ve never seen this issue before and it’s working fine on our demo sites. Try updating your theme since there are many issues found in the version that’s installed on your website. After you update the theme, if you’re still having this issue, please send us your admin login credentials in the contact form -> http://themeforest.net/user/wyde#contact so our support can help you figure it out.
Hi, just updated to the latest version and the footer widget columns are still acting up. Just email you my login. Thanks in advance
Hello,
Just replied to your email!
In a portfolio page I can’t get any ‘related posts’ to appear at the bottom of any new portfolio pages I create. Also what information is used to display the related pages – Is this the category, skills or tags?
The Related Posts box uses tags to display the related posts.
Hello,
Please see my blog. ->http://pekoli.com/new/ “More” is not working. I would like to show […]. How can I do it?
Thanks.
Hello,
We’re sorry, this theme generates the excerpt and limit the excerpt length by using number of words that doesn’t support your post content.
However, this issue will be resolved in our next update that will be available in a few days.
We will add a new option to limit the excerpt length to number of characters so it will work with your post content.
Thank you for taking the time to report this issue!
Hello,
Thank you very much for your comment!! I look forward to receiving it!! Thanks.
Hi! I have a problem. The list of projects is not loaded on the second unit on my site. Link: http://mkitaev.ru/portfolio/. The first block of the project is loaded. The second block is loaded. After the second block appears loader. More projects are not loaded.
Hi,
This is a bug with the infinite scrolling feature when you turn off AJAX Page option, this issue will be fixed in our next update. You can temporarily fix this issue by turning on AJAX Page option in Theme Options -> AJAX Options.
So. I’ve enabled ‘comments for pages’ but the comment boxes don’t appear to show up on the portfolio pages (nor could I find the option to enable them within the portfolio section). Is there a way to add them?
Sorry but the portfolio post doesn’t support comments. To enable it you need to add the code below to functions.php in your child theme.
add_action('init', 'flora_add_comments_to_portfolio');
function flora_add_comments_to_portfolio() {
add_post_type_support( 'wyde_portfolio', 'comments' );
}
When you add or edit your portfolio post, you will see the comments options at the bottom that allows you to enable the comment box for each post.
Also, you need to edit all template files of portfolio post (single.php and single-xxx.php) in “templates/portfolio/” and add the code below to show the comment box.
<?php comments_template(); ?>
Looking to add some html on the blog post/flora grid page just after the code below, but cannot for the life of me find which template I should be editing:
<div class="main-content no-sidebar header-space"> <div class="post-content container"><!-- new code goes here --> ..</div></div>http://alexandermasters.com/flora/grid
This part is in the main page template so you can edit it in the file “page.php”. However, if your page is a Posts Page, it will use the template file “index.php” instead.
Edit: When you edit the file “page.php”, you should edit the file “index.php” as well.
Fantastic. Just did index.php and it seems to be the solution. Should I still edit both, even though it was only meant to display on the blog posts page?
You can edit “index.php” only, it’s for displaying the blog posts page.
And one more still, but more with regard to mobile:
Blog – Flora Grid: is there a way to somehow get consistency from one post to the next? The mobile interface seems to take on the properties of the ‘normal’ one – which means I have some featured images with text beneath them, and the very next one the text only appears when you hover. Is there any way to have the entire image shown with the text beneath (or with no text at all) but.. at least entry to entry consistency?
Secondly: what css controls the overlay in the portfolio gallery? Specifically the mobile version.
Sorry but it’s too hard to provide the code to customize this layout. However, we will look into this layout to improve its appearance on mobile in our next update.
The custom CSS below changes the overlay background color and the title color in the portfolio gallery on mobile:
<style type="text/css">
html:not(.no-touch) .w-view figure figcaption:before{
background:transparent;
}
html:not(.no-touch) .w-view figure h3,
html:not(.no-touch) .w-view figure p{
text-shadow: 0 0 10px #555;
}
</style>
Last of the tweaks, I think: on the flora grid layout, is there a way to make the title be the link vs a permalink to the single post? I’m using the links ‘internally’ so it might be confusing for people. At the moment, if you click on the title (vs the actual link text beneath it) you just go to the entry which – in this particular instance – is a little redundant. The text beneath (the actual link) simply says my domain.
In order to change the link of the post title to your custom link instead of the permalink to the single post, please follow the steps below:
1. You should select a “Link” as the post format that allows you to add your custom link into Post URL field in Flora Options -> Single Post.
2. Edit the blog template in “templates/blog/content-grid.php” as below:
Line 130-170
Replace:
<?php
wyde_post_title();
?>
<div class="post-summary">
<?php
if( !empty($post_link) ){
$urls = parse_url($post_link);
?>
<a href="<?php echo esc_url($post_link); ?>" target="_blank"><i class="flora-icon-link-ext" /> <?php echo esc_url( $urls['host'] ); ?></a>
<?php
}else{
$excerpt_length = 20;
if($wyde_section_fullwidth){
switch($wyde_grid_columns){
case 2:
$excerpt_length = 50;
break;
case 3:
$excerpt_length = 30;
break;
case 4:
$excerpt_length = 22;
break;
}
}else{
switch($wyde_grid_columns){
case 2:
$excerpt_length = 28;
break;
case 3:
$excerpt_length = 26;
break;
case 4:
$excerpt_length = 30;
break;
}
}
echo wyde_get_excerpt(true, $excerpt_length);
}
?>
</div>
With:
<?php
wyde_post_title($post_link);
?>
<div class="post-summary">
<?php
$excerpt_length = 20;
if($wyde_section_fullwidth){
switch($wyde_grid_columns){
case 2:
$excerpt_length = 50;
break;
case 3:
$excerpt_length = 30;
break;
case 4:
$excerpt_length = 22;
break;
}
}else{
switch($wyde_grid_columns){
case 2:
$excerpt_length = 28;
break;
case 3:
$excerpt_length = 26;
break;
case 4:
$excerpt_length = 30;
break;
}
}
echo wyde_get_excerpt(true, $excerpt_length);
?>
</div>
Fantastic. Works for the 4 column grid/archive, but doesn’t appear to have had any effect on the flora grid.
If you’re talking about the Blog Masonry layout, you should edit the file “templates/blog/content-masonry.php” instead.
I’m in there now. Do I just swap it out with the same code?
Swapped it out. Works a charm but it seems to have affected the positioning of the categories – they now sit directly on top of their title.
http://alexandermasters.com/flora/grid/With the masonry layout, you should edit the code as follows:
Line: 104
Replace:<?php wyde_post_title(); ?>With:
<?php wyde_post_title($post_link); ?>
Line:117-126
Replace:
<?php
if( !empty($post_link) ){
$urls = parse_url($post_link);
?>
<a href="<?php echo esc_url($post_link); ?>" target="_blank"><i class="flora-icon-link-ext" /> <?php echo esc_url( $urls['host'] ); ?></a>
<?php
}else{
echo wyde_get_excerpt();
}
?>
With:
<?php echo wyde_get_excerpt(); ?>
Perfect! Thank you so so much.
Is there a way to prevent it opening in a new window? Couldn’t find “_blank” anywhere in there. Will have a rummage around.
Edit: Found it on 410 of inc/custom-functions.php
All sorted for now!
Sorry, now it is working!!
I’m glad to hear that it’s working!
Hello,
I have your Flora theme in my top bracket for my new photography site. However an important feature for me is a full screen video header, but I can’t see this demonstrated anywhere, or any full screen video at all.
Can you send some links showing this?
Your help is much appreciated.
Leo
Hello,
Thank you for your interest in our theme.
Here you go: Full Screen Video demo -> http://wydethemes.com/flora6/ Full Screen Slider demo -> http://wydethemes.com/flora1/
See more our demos here -> http://wydethemes.com/flora/
Hi,
The slider is in the Home page, you should add your home page to the primary menu in Appearance -> Menus so the slider will also be appeared in your front page.
How do I disable the lightbox link/prettyphoto?
Oo. Found it in templates/blog/single.php – pulled the link from lines 99/101.
A few questions:
i) Because of how the Flora masonry grid displays (with some images being cropped in obscure places) is there a way to disable the owl-nav on the blog grid but allow for it within the single post itself? .owl-nav display: none, obviously, hides it from within the entry too. So that’s not much good.
ii) Do you have any plans to add the portfolio grid (4 columns w/ spaces) layout to the blog options?
Oo. Sorted.
.w-blog-posts .post-media .owl-nav { display: none; }
So.. it’s just 4 column w/ spaces blog grid thing that I need now.
Hi,
If you’re talking about the 4 columns grid layout for blog posts, it’s already included in the theme as you see in our demo site -> http://wydethemes.com/flora1/blog-grid-full-width-4-columns/
I meant this sort: http://alexandermasters.com/flora/
Sorry but I can’t access your website at all. I receive “This webpage is not available”.
Not sure what the issue is. Loads fine on this end. Anyway – I think this is the correct link to what I’m talking about: http://wydethemes.com/flora1/grid-4-columns/
Sorry but this layout is only available for the portfolio. Since the blog post is different from the portfolio post so this theme has the different layout and styles for each of them. As you see in our demo sites, we also have a grid layout for blog posts but it displays with different styles here -> http://wydethemes.com/flora1/blog-grid-3-columns/
Understood. Is there a way to modify the code of blog-grid-3-columns to display square thumbnails? All my headshots seem to be cropped just below the chin.
In order to display square thumbnails, you need to edit the blog grid template file in “templates/blog/content-grid.php” as below:
Line:72 Replace $image_size = 'preview-medium'; With $image_size = 'medium'; Line:75 Replace $image_size = 'preview-large'; Width $image_size = 'large';
Also, add the custom CSS below to Theme Options -> Advanced -> Head Content.
<style type="text/css">
.w-blog-posts.w-grid .post-media{
position: absolute;
left: 20px;
right: 20px;
max-height: 100%;
overflow: hidden;
}
</style>
So your blog grid will display square thumbnails instead.
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
