You can change the color scheme from yellow to any other colors in Theme Options panel with just a click. Also, for other parts such as background color and images, you can change them easily by using Visual Composer page builder.

As you can see in the Suggestions Summary from the testing results.

There are 2 main issues in the Suggestions Summary.

1. Eliminate render-blocking JavaScript and CSS: This theme follows WordPress standard to include JavaScript and CSS files, the number of render-blocking files depends on the number of plugins you’ve installed on your website too. However, we will try to reduce the render-blocking scripts to improve the scores in the future.

2. Optimize images: We’re using high resolution images on our demo sites. To work around this issue, you should use smaller ones and optimize your images before uploading to your website so you won’t see this problem when you test your site.

Hi there,

I’m not sure why each block of the post is too long on your end but I just visited your website, it’s not bad for me. Looks like you’re using a small (narrow) screen so the columns are narrower than on my end.

However, you can change the number of grid columns to suit the page container width and you can also set the excerpt length so you will have more text that fits the height of each block.

Hello,

I’m sorry but I couldn’t access your website. Seems like it’s under construction or currently in the maintenance mode.

However, try to update the theme to see if it works because it’s working fine on our demos.

Thank you for your kind understanding

Hi again – just to update you on this, the permalinks on our site had broken by themselves again. Please look can you keep looking into this as I don’t know how long these have been broken for this time. Its getting ridiculous! Same deal as before, no changes to the settings and suddenly the links are all dead 404s. Never seen it in another theme.

I’m not sure but I just visited your website and everything is working fine. Seems like you’ve figured it out.

Anyway, we’ve removed all ‘flush_rewrite_rules()’ from the theme. I have no idea why this issue is still happening on your site. Please make sure there is no custom code regarding the rewrite rules in functions.php of your child theme.

If you’d like you can PM me your site URL and admin login: https://themeforest.net/user/wyde#contact so I can check it for you.

Here’s the custom CSS to add border across the different sections on the shop page:

<style type="text/css">
    .post-type-archive-product .main-content,
    .post-type-archive-product #footer-widget,
    .post-type-archive-product #footer-bottom{
        border-top: 1px solid red;
    }
</style>

I’m sorry for taking so long to get back to you!

By default, the thumbnails are working as carousel 3 columns. To set the thumbnails to 1 column, you will need to disable the carousel.

Try to add custom JS into Theme Options -> Advanced -> Body Content as below to see if it works:

<script type="text/javascript">
    /* Single Product Images */
    jQuery(window).on("wyde.page.ready", function () {

        setTimeout(function(){
            jQuery(".single-product .images .thumbnails.owl-carousel").owlCarousel().trigger('destroy.owl.carousel').removeClass("owl-carousel");
        }, 1000);

    });

</script>

Could you please PM me your blog page URL so I can inspect the code to find if there was something wrong: https://themeforest.net/user/wyde#contact

Hello, Did you look at the code?

Hello,

Sorry for taking a long time to get back to you!

Sure I’ve inspected the code and I found you have custom CSS that set the height of the blog grid to “auto”.

All posts in the grid layout should have the same height so they will fit properly, to work around this you should remove below code from style.css in your child theme:

.w-blog-posts.grid-3-cols .w-item > .post {
    height: auto !important;
}

To work around this without using CSS, you should add widgets element into another column/row so you can change the different Text Style for it.

You can add 2 sub rows into the parent row so you can add the blog posts element and the widgets element into different row and can set the different text style for each.

Hi,

WordPress 4.3 and greater come with Favicon settings, you can set up in Appearance -> Customize -> Site Identity -> Site Icon.

Hi,

Seems like the Title Area option is working fine. I can hide the page title area so it displays the portfolio title instead.

When you hide the page title area on the post or portfolio single page, it will show the post title at the top of the post content instead.

If you’d like to hide both page title area and post title, you have to add custom CSS into Theme Options -> Advanced -> Head Content as below:

<style type="text/css">
    .single-wyde_portfolio .post-content .post-title{
        display:none;
    }
</style>

This last piece of code did exactly what i was looking for. Thanks again for solving our problems, sincerely, the community!

Happy to hear that it has been resolved

Hi,

Here’s the code to add border to the product thumbnails on the product detail page.

<style type="text/css">

.woocommerce-page .images .thumbnails img{
    border: 1px solid #ccc;
}

</style>

Add it into Theme Options -> Advanced -> Head Content.

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.

Hello,

1. You can use your custom fonts via CSS in your child theme as follows:

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

2. Upload your font files to "wp-content/themes/flora-child-theme/fonts/" on your server.

3. Navigate to Appearance -> Editor on WordPress admin to edit Flora Child theme.

4. Add the custom CSS into Stylesheet (style.css) as below:

/* Definition */
@font-face {
    font-family: 'your_font_name';
    src: url('fonts/your_font_name.eot');
    src: url('fonts/your_font_name.eot?#iefix') format('embedded-opentype'),
        url('fonts/your_font_name.woff') format('woff'),
        url('fonts/your_font_name.ttf') format('truetype'),
        url('fonts/your_font_name.svg#your_font_name') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use */
h1, h2, h3, h4, h5, h6 {
    font-family: 'your_font_name'!important;
}

2. The icon library in the theme are all font icons. If your icons are font icons too, you can add them into the Flora icons set by following below steps:

1. Please make sure you're using the Flora Child theme.

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

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

function flora_get_custom_icons($icons){
    $your_icons = array(
        array( "your-icon-1" => "Icon 1" ),
        array( "your-icon-2" => "Icon 2" ),
    );

    return array_merge_recursive( $icons, $your_icons );
}
add_filter( 'flora_iconpicker_icons', 'flora_get_custom_icons' );

The above code will append your icons into the Flora icon set.

4. Upload your icon files to child theme folder “wp-content/themes/flora-child-theme/fonts/”.

5. Add you CSS font icons into style.css in your child theme:

@font-face {
  font-family: 'your-icon';
  src: url('fonts/your-icon.eot');
  src: url('fonts/your-icon.eot#iefix') format('embedded-opentype'),
       url('fonts/your-icon.woff') format('woff'),
       url('fonts/your-icon.ttf') format('truetype'),
       url('fonts/your-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="your-icon-"]:before, [class*=" your-icon-"]:before {
    font-family: 'your-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.your-icon-1:before { content: '\e800'; }
.your-icon-2:before { content: '\e801'; } 

However, if your icons are images, you should add them to the page by using the Single Image or the Text Block instead.

Please make sure you’re always using the latest update of the Visual Composer plugin.

You should update the theme to get the new update of the Visual Composer.

If you’re using version 4.9 or older, there is a bug that prevents users updating it via the theme so after you update the theme, you will need to delete the old version of Visual Composer from your Plugins page first. Then you will see a notification message to install the new one that’s included in the theme.

If it doesn’t work, try to deactivate other plugins to see if it works.

If you’re using SSL, please set both WordPress Address (URL) and Site Address (URL) settings in Settings -> General to ‘https://' instead of ‘http://'.

Hi,

You should use the multi-lingual plugin instead of editing the code.

This theme is compatible with WPML plugin ( https://wpml.org/ ), you can see how to setup the multi-language site here: https://wpml.org/documentation/getting-started-guide/language-setup/

However, if you’d like to edit the code, please do it via your child theme. If you edit any file in the theme directly, your changes will be lost when you update the theme.

Hi,

My apology, this is a bug of the theme. Thank you for reporting this issue, it will be fixed in the next update.

We have never seen this issue before, please make sure you’re using the latest update of Visual Composer and all bundled plugins.

Try to update your Flora theme to get the latest update of all bundled plugins.

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

Hello,

Just sent the message directly to your email!