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.

Bonjour,

Je suis en train de créer mon site sur votre thème Flora, et j’ai quelques questions que je n’arrive pas à résoudre, pourriez-vous m’aider? - Diminuer l’espace entre les noms dans le menu principal - Changer la couleur de la map google qui actuellement est rouge - Retirer la loupe du menu principal

Merci beaucoup pour votre aide, Victoria

Hello,

We’re sorry but 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.

Thank you.

Hello,

Great theme. Thank you!

I have a few issues I’d like support with. They are as follows:

1. ISSUE/BUG: No blog post body content is displaying on mobile/iphone screens using Safari. Page title, featured image/gallery, recent posts and even the drop caps letters are working, but body content is all missing.

2. How can I stylise the Blog Posts widget/element so titles are not displayed in uppercase? Also, how can I left-align the title and body text excerpt?

3. Is it possible to use the Portfolio Grid widget to pull through posts as well as portfolio content? If possible, I’d like to use a separate Portfolio Grid that pulls through Posts on my news page.

Thanks for your help.

Hello,

1. Glad to hear that it has been resolved.

2. To change the styles of the post titles in the Blog Posts element, you have to add custom CSS into Theme Options -> Advanced -> Head Content. I’m not sure what the blog layout you’re choosing but here’s the code to change the styles of the blog Masonry layout.


<style type="text/css">

/*Changes the post title from uppercase to capitalize*/
.w-blog-posts .post-title{
    text-transform: capitalize;
}

/*Changes the text alignment to left*/
.w-blog-posts.w-masonry .w-item{
   text-align: left;
}

</style>

3. Sorry but the portfolio grid always displays only portfolio content because it was designed to show only portfolio post type.

Fantastic. This works a treat. Thank you!

If I wanted to use the grid layout, would I just change .w-masonry to .wgrid?

Try to change it to .w-grid

If it doesn’t work, try the below code:

.w-blog-posts .w-item{
   text-align: left;
}

Hello. Love the template!! I know about 8 months ago you replied to someone about not being able to center the logo to the page. Is that still true or has their been an update since I am new to this site? www.new.advantageambulancesd.com

The owner would really like to have his logo centered if all possible. Thank you!

Hello,

I’m not sure on the centered logo you mentioned, it’s the centered logo in horizontally, right?. The horizontal centered logo is not available in this theme design and features. As you can see in the theme details page and our demos.

However, after I visit your website, I see your logo doesn’t align in the center vertically, if this is what you’re talking about. It’s not the theme issue but that’s because you have a slider inside the text block element so it doesn’t display properly. You should remove the text block element from the top of the page, and then add the Revolution Slider element instead.

Hello, is it possible in the next version of the plugin to have css an js minimized?

I’ve tried to use W3 Total Cache, css minify is good, but when I try to minify javascript I have the slideshow in home page broken and a lot of error in browser console.

I think having the js/css already minimized in the theme is better.

Thanks Fabio

I think you’re missing something. I’m sure the error on your website is not from the CSS and JS from the theme because we also used W3 Total Cache plugin to minify all files on our demos. I suppose it came from other plugins on your website.

So even we include the minify version of the theme resource files tested by the author but you will also have an error when you minify JS & CSS from other plugins.

As I provided in the previous comment, you should exclude the problematic JS or CSS files from the W3 Total Cache minify settings to ignore that file.

Hello, I’m sorry if I get back to this topic, but I’m still unable to minify JS correctly with some browser (i.e. Safari).

I’m using W3 Total Cache, when I enable the JS minify my home page is not loading and I get these JS error in browser console:
[Error] TypeError: $(window).smartresize is not a function. (In '$(window).smartresize(function (event) {
/* 67   */                      getBrowserScreenSize();
/* 68   */                 })', '$(window).smartresize' is undefined)
    detectBrowser (db779.js:72)
    init (db779.js:17)
    (funzione anonima) (db779.js:81)
    Codice globale (db779.js:2191)
[Error] SyntaxError: Unexpected token '*'
    (funzione anonima) (815b7.js:19)
[Error] TypeError: undefined is not an object (evaluating 'wyde.page.smooth_scroll')
    Codice globale (5c3a3.js:19)

The results is that I see the preload image and there is no way to show the page.

Do you have any suggestion? I’ve tried to disable all the plugins and the problem persists. I’ve the same problem using minify JS or combine only.

Thanks

As you can see on our demos, all are using W3 Total Cache plugin to minify JS and CSS and they’re all working fine. Could you please PM me your site URL and login credentials: https://themeforest.net/user/wyde#contact so I can investigate this issue and help you out.

Hi,

Purchased this theme from you. I would like to link the Team Members in the about us page directly to the team member profile, displaying the members information. As of now, team members are not clickable with a personal profile page for each. Is this something that you have incorporated in the theme?

Hi,

Unfortunately, there is no individual details page for the team member, it always displays the details in the slider. It’s difficult to customize this because it’s a built-in custom post type from the Wyde Core plugin, You need to edit the Wyde Core plugin and add the team member single page template for this post type. But it’s not recommended because your changes will be lost when you update the theme.

Hi there. A New question, because its a new subject.

I’m using the Blog posts on my page builder. I’m trying to build some posts query to show only posts for a specific taxonomy but I can’t make any changes at all. When I type any text, nothing happens. Only some sort of loading animation on the field runs forever and no changes were made on the query. Tried multiple browsers.

Thanks!

I updated everything and it’s working fine o Firefox now, even the Query thing. On edge all the icons of the Visual Composer are broken though. :(

I’m not sure but I assume this is a server issue.

Please make sure you have add MIME types for the font correctly so it will display on any browsers.

See more on how to setup your server to server fonts here: https://github.com/fontello/fontello/wiki/How-to-setup-server-to-serve-fonts

Thanks, I will check it out.

Hi there. I created a simple page, using the Wide layout, hiding the header and the bottom. Also I enabled the comments but no comment is shown on the page. Can you help?

EDIT: I just realized that the comments only shows on the boxed layout. But I really need them on the Wide layout. There is any solution?

Of course! You should use Wide layout because the Boxed layout couldn’t.

We’re working on this and will provide you any solution to work around this ASAP!

Nice. Do you think you have it ready by the end of the year? Please, don’t take this as an offense or anything, just to do my planning here. Thank you very much!

Sure, actually we will release the new update of this theme within 2 weeks so you can wait until the next update instead if you’d like.

Another problem. I just changed the CSS Mode to get a smaller title (for mobile device). Now I lost the title area and the background area to change the colours????

Where can I find it? Thnkas again.

Everything works fine on my end, I can see the background area and text, here’s my screenshot:

< a href=”http://wydethemes.com/assets/ss/evelynheesen.png”>

Maybe it’s because your background image in the title area is too large so it couldn’t be downloaded on your mobile. You should resize the background image before uploading it again.

Hello, My page on my mobile device gives a lot of space between footer and text) How can I change this?

www.evelynheesen.nl/powergesprekken.

thanks

Hello,

That’s because you’re using the Boxed layout that is suitable for creating a blog page. You should edit the page to change the Layout to Wide instead. Also, you can build the page with Visual Composer and select 2 columns in a row instead of using the sidebar from the Boxed layout.

i want a slider banner in the shop page. however, the sidebar’s widget will overlap the banner. how can i add padding to create empty space a the top of the sidebar?

Here’s the code to add padding to the top of the sidebar on only medium and large screens (excluding mobile and small screens):

You can add it to Theme Options -> Advanced -> Head Content.


<style type="text/css">

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

        .post-type-archive-product .post-content .sidebar{
            padding-top: 500px;
        }

    }

</style>

good work – i recomended

Thank you :)

Hello, I try to get my flora theme (www.evelynheesen.nl) in the right adjustments for mobile devices. I cant find them.

Can you help me?

Evelyn

Hello,

The Flora theme will adjust the look of your website on mobile automatically. You don’t need to adjust it manually.

For the slider, you can set the Slider Layout to Full-Screen so it will fit on any screen sizes, see more on how to set the slider layout here: https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout

However, if you’d like adjust the layers in the slider on mobile, you can enable Custom Grid Sizes option so you can set the slider styles on each screen size, see more on how to enable Custom Grid Sizes here: https://www.themepunch.com/revslider-doc/slider-setup/#custom-grid-sizes

Also, I just visited your website, the image on slider is too large, it’s almost 10MB that is not suitable to use on website. When you upload the image as the slider background, it displays as you uploaded. You should resize your image before uploading. It should be less than 1920×1080px and the file size should be less than 600KB.

Hello ok thank you it fits…but. I have the same problem on mobile device with the page evelynheesen.nl/powergesprekken. I used a smaller photo, but I even can’t see the whole text POWERGESPREKKEN on my mobile….what do I do wrong?

Hello,

I tried on different sizes of mobile and I can see the whole text display correctly. However, your title is a long word, it’s a one word so browser won’t break it into the new line. Also, looks like you have custom CSS to change the title text size so you can edit it to change the font size smaller.

Hi, I received a theme update notice and updated my theme and plugins. Everything was fine until I updated Slider Revolution using the prepackaged plugins. All the sliders were gone… So I backed up the website to a previous point before all these updates. Should I just leave alone the Slider Revolution? Any suggestions on things I could try?

Thank you! Yan

Sure, you can leave the Slider Revolution update, it’s just an optional. Actually we have tested this plugin and it works fine on our demos.

Anyway, we will look into this to find if there was something wrong on the new update of the Slider Revolution plugin.

Hi Wyde,

i notice few bugs here : https://www.fityo.fr/ On mobile the icons after the header dont show up at all.

and here : https://www.fityo.fr/commande/ The shippings methods are kind of weirdly showing up. Nothing seems to a place really organized.

Regards.

Hi,

This is a bug of the animated elements on mobile when you disable Animation on Mobile, it will be fixed in the next update. To work around this, please enable Animation on Mobile in Theme Options -> General.

Regarding the shipping methods, I’m not sure because I couldn’t see it on your website (I couldn’t add any product to the cart). However, I tried it on our demos and seems like everything works fine.

Hi I love the theme, I am having one issue with the paypal braintree checkout. It seems to default back to the regular paypal option even thou the regular paypal is disabled. do you have any suggestions on how to fix that. lfthandedbandit.com/

Hi,

I’m not sure what plugin you’re using for integrating Braintree with WooCommerce but here is the official add-on from WooCommerce: https://woocommerce.com/products/woocommerce-gateway-paypal-powered-by-braintree/

And here is how to use this plugin: https://docs.woocommerce.com/document/woocommerce-gateway-paypal-powered-by-braintree/

Hello, I’m using this theme for a site I’m building and I’m trying to change the logo but it’s not allowing me to change the logo. The test site I’m using is dogwooddrive.net and the logo I’m trying to update is the header logo on the top left.

Hello,

You can change the header logo in Theme Options -> Navigation -> Top Navigation -> Logo, you should replace all logo images with yours.

If you have any cache plugin installed, try to clear all caches to see if it works.

can i create spaces between info boxes in the same row? i tried changing the margins, paddings etc of each info box but they didn’t work.

There are 2 ways to increase space between info boxes.

1. Edit the Info Box to set the margin or padding in Design Options tab.

2. Add each info box into each column, and then set the padding of each column in Design Options tab.

I’ve tried both ways as above and all are working fine.

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

Hello,

I have a question about my Flora theme. How can I find the size for the media. I want to put some photo’s in my website but I can’t find the required sizes.

Thanks Evelyn

Hello,

It depends on where you place your image. If you set it as the featured image of blog post or portfolio post, the image will be cropped automatically to fit properly within the blog and portfolio layouts, the uploaded image should be larger than 1280×960px.

These are the recommended sizes of images:

Blog post featured image: 1280x800px or larger.

Portfolio post featured image: 960x960px or larger

However, if you add it directly into the page, your image should be larger than the width of the area or the column container but should be smaller than 1920px because it will take a long time to load when it’s too large.

Hi Wyde, great work, thanks for this theme!

I have an issue with Firefox. I changed the “content vertical alignment” option to “middle” so the height of all columns in the row will be equal. In the column settings I also chose “large” for “padding size”. This works great for Safari & Chrome, but the padding in Firefox is not displayed. You find the site under: http://bit.ly/2fIIg95

Thank you for your help! Greetings!

Hi,

This is a limitation of the Flexbox on Firefox, when you change the Content Vertical Alignment to Middle, the columns display as Flexbox. Unfortunately, on Firefox it ignores the vertical padding (space) at both top and bottom since it is trying to align in the middle vertically.

The equal height columns feature is suitable for the side by side layout like this page: http://wydethemes.com/flora1/services/

As seen on our demos, we always add an image beside the text content when we set the Content Vertical Alignment to Middle and the image should always be higher than the text content so you will have the space at both top and bottom of it.

To work around this, if you use the text content in both sides, you should add the Empty Space element to the top and bottom of the text content.

Ok, I see! Thanks a lot for the quick reply!

Hi there, I have an issue with icons not displaying on my Flora site. All the theme icons, including arrows, social media icons and search all appear to be grey boxes. On mobile it’s displayed as chinese characters.

I’m not sure if it’s due to my implementation of the following image compressor (which I’ve now removed)?

https://en-gb.wordpress.org/plugins/ewww-image-optimizer/ http://glamvilledaily.com

Thanks, EMEKA

Hi there,

This is a CDN settings issue, you are using CDN to serve static content including font icons files from your website. Unfortunately, the browser couldn’t download the font files from your CDN (cloudfront.net) so it couldn’t display any icons on the page.

As seen on the browser console, it says “Access to Font at ‘http://d3ad1j8j4jg501.cloudfront.net...' from origin ‘http://d3ad1j8j4jg501.cloudfront.net' has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://glamvilledaily.com' is therefore not allowed access.”

So please make sure you have added your current domain “glamvilledaily.com” to your CDN configurations so it allows your site to download the content from there.

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