It is most likely a cross-origin request issue. If you visit your site on HTTP://miro.media/portfolio you won’t be able to load more portfolio items because your site is on HTTPS://miro.media/portfolio

If you’ve setup your site URL to HTTPS, you should visit your site by HTTPS instead of HTTP.

I would recommend you to change your web server configurations or edit the file .htaccess to force all web traffic to use HTTPS.

Regarding the portfolio style, your site is currently using the Flora Masonry layout, I have no idea why you said you couldn’t use that one.

I think I was able to manage it to update the htaccess file. Thank you for your great support. I love the theme a lot!

Glad to hear that it has been solved

i found the documentation file. All good. Thanks

Glad to hear that you’ve figured it out!

Hi,

The Flora Demo Content is included in the main download package. You can download it from the Downloads tab on ThemeForest: https://themeforest.net/downloads

Choose “All files & documentation” to download, then extract the zip file. You will find it in the folder “Demo Content”, and you can see the instructions on how to import demo content in our documentation.

It is most likely an issue with the AJAX Page. If you have another plugin that is not included in the plugins support list, you may need to exclude the page where you have that plugin or disable the AJAX Page feature if it doesn’t work properly.

All you have do to is:

1. Go to Theme Options -> AJAX Page, add new URL, then put /appointments/ into the Exclude URLs setting and save changes.

2. If it still doesn’t work, you may need to disable the AJAX Page feature to work around this.

Thank you for your kind words! The main menu letters are in uppercase by default. To change it, you may need to add custom CSS below to Appearance -> Customize -> Additional CSS:

.dropdown-nav > ul > li > a {
text-transform: capitalize;
}

Thanks it worked out great! I also was wondering if it is possible to get my footer text and social media icon could be showing al the time over my main content. I set it to sticky but it disappears behind my content when I scroll up.

And if its possible to make my menu text full black instead of light grey? I’ve tried the custom colour option but then only my hoover colour changes.

1. When you enable the Sticky Footer, it will appear behind the main content and will show up when you scroll down to the bottom of the page. If you’d like it to always visible, you may need to add custom CSS below to Appearance -> Customize -> Additional CSS:

#footer.w-sticky {
    z-index: 99;
}

2. Here’s custom CSS to change it to black:

.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: #000;
}

Hi There,

I just tried it with my Safari, everything seems to work on my end. It displays all icons correctly.

As seen in the screenshots you provided, not only the flora icons but default WordPress icons including any other icons on your site do not show up.

This is not a theme issue but most likely a browser issue. Try to clear your browser caches and refresh the page again to see if it works.

Thanks! Now it works fine!

Glad to hear that it has been solved!

Nevermind everything is ok!

Glad to hear that you’ve figured it out!

When you set the image as a column background, the dimensions of it will be changed depending on the screen size.

Also, if you set the Content Vertical Alignment to Middle, it will increase the height of the columns and make them equal height on desktop, this won’t work on the mobile screen.

However, you may need to add an Empty Space (50px is recommended) to the top and bottom of each column to increase the height of it on mobile.

Thank you so much for your help!

I just have one more query…

When entering text it looks great on desktop, but enlarges it unbelievably on mobile devices and makes it huge, is there a way to turn off the responsive text option?

Thank you for reporting this issue. It will be fixed in the next update of the theme.

However, if you’d like you can fix it right now by adding custom CSS below to Appearance -> Customise -> Additional CSS:

@media only screen and (max-width: 599px) {

    .w-custom-heading h4 {
        font-size: 20px !important;
        line-height: 1.5 !important;
        white-space: normal;
        margin-bottom: 8px;
    }

    .w-custom-heading h5 {
        font-size: 18px !important;
        line-height: 1.5 !important;
        white-space: normal;
        margin-bottom: 8px;
    }

    .w-custom-heading h6 {
        font-size: 16px !important;
        line-height: 1.5 !important;
        white-space: normal;
        margin-bottom: 8px;
    }

}

Also, I’d recommend you to change the Element tag from h4 to h5 if you’d like to make it smaller.

Just another question: I can’t find the full height option within the row settings, and the panel is different of the one showed in the plugin’s page: https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-add-full-height-row-and-video-background/

Just another question: is this a limited version of the plugin? I can’t find the full height option in the row settings, and the panel shown is different from the one on the plugin’s page: https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-add-full-height-row-and-video-background/

This theme includes a full version of the WPBakery Page Builder plugin. However, this theme comes with custom content elements and features. Some features such as the Full Height Row have been added to that plugin after the theme released and they are not included in the theme design so they are disabled when working with this theme.

We would recommend you to use the existing custom elements and features in the theme so you can create your site like our demos without any problems.

You will need to update the Flora theme to get the new version of the Slider Revolution plugin.

The latest update of the Flora theme (1.5.5) comes with the Slider Revolution plugin 5.4.71, as you can see in the changelog below:

https://themeforest.net/item/flora-responsive-creative-wordpress-theme/12038776#item-description__update-log

After you update the theme, you will see a notification message to update that plugin including other bundled plugins. If the notification was dismissed, go to Appearance -> Install Plugins to see all available updates.

The color of that button is always the same as the theme color scheme. You shouldn’t set the background color of that box to the same as the color scheme.

If you’d like to change the button color, you will need to add custom CSS below to Appearance -> Customize -> Additional CSS:

.w-info-box.w-large .w-content .w-link-button {

    color: #fff;
    border-color: #fff;

}

Thank you very much.

One additional question: “Read more” is the default button text. Is ist possible to change it as well?

Sure, that is the Link Text. You can change it when you set the URL of the button.

a) You can add custom CSS below to Appearance -> Customize -> Additional CSS:

.w-separator .w-text:before, 
.w-separator .w-text:after {
    border-width: 2px 0 0 0;
}

b) You can change the Text Alignment in the Heading settings to Center to center the heading text. If it doesn’t work, please send me your page URL so I can take a closer look.

Hello,

1. Thank you for reporting this issue, it will be fixed in the next update of the theme. Also, if you would like you can fix it now by adding custom CSS below to Appearance -> Customize -> Additional CSS:

.w-blog-posts {
    overflow-x: hidden;
}

2. You can add an extra class below to the Extra CSS Class field in the settings window of the column or row to hide it on mobile device:

xs-hidden

Thank you!

This theme is compatible with both HTTP and HTTPS. Our demo sites are also running on HTTPS and everything seems to work well: https://wydethemes.com/flora/

Also, please contact us from the account that purchased the Flora theme to make sure you are currently in the correct product page that corresponds to what you have purchased.

Now, your video slider seems to work correctly on my end.

It might be a browser caching issue, try to clear your browser caches to see if it works (press Ctrl+F5 or Command+R for Mac).

Hmmm. The video still doesn’t seem to be autoplaying or playing at all on chrome despite clearing all of my browser cache.

After talking with the author of Slider Revolution plugin, this is a Chrome related issue, sometimes it works, sometimes it doesn’t.

However, this issue has been fixed in the latest update of the Slider Revolution plugin. We will add it to the next update of the theme and will release it ASAP.

Once the new update has been released you will receive a notification email to update the theme and Slider Revolution plugin.

Hello,

First of all, thank you for the link of the wonderful site!

1. When the column is empty, it will collapse on mobile so you won’t see the background image either. There are 2 ways to work around this:

- Use the Single Image instead of the background image, you can add a Single Image to that column and enable the “Responsive” option of that image so it will display like a background image on desktop but regular image on mobile. That means, you don’t need to set the background image to the column.

- If you’d like to use the background image, you will need to add an Empty Space to that column to make it show up on mobile too. Set the Height of the Empty Space, it will be the height of the background image on mobile.

2. To set different font for the blog post title, you will need to add custom CSS like the one below to Appearance -> Customize -> Additional CSS:

/* For blog posts list */
.w-blog-posts .post-title {
    font-family: "Source Sans Pro";
    font-size: 20px;
}

/* For blog single post */
.post-detail .post-title {
    font-family: "Source Sans Pro";
    font-size: 24px;
}

You can change the font-family and font-size to suit your needs.

Hello,

thank you for the css on the blogs title… Is it possible to have css to have the H2 and H3 to also be Source Sans Pro for the blog posts?

Try the one below to see if it works:

.w-blog-posts h2,
.w-blog-posts h3,
.post-detail h2,
.post-detail h3 {
    font-family: "Source Sans Pro";
    font-size: 20px;
}

Hi,

The Responsive option of the Single Image is available to make it always stretch and fill its container like a background image. It is suitable for creating a side by side grid layout (image with text) as you can see on our demo: http://wydethemes.com/flora1/about-us/

So, it works great when you have the text or other content beside the responsive image like the first section (ONZE EXCLUSIVITEIT ONZE SFEER) and the third one (ONZE KEUKEN) on your site.

When you have only images in the row, you don’t need to enable the Responsive option if they all have the same dimension.

However, if some of them have different dimension, you have to enable the Responsive option only for the ones that have different dimension.

In this case, your images have the same dimension so you have to disable the Responsive option for those images in the 2nd and 4th row.

Thank you so much!!!

Everything is working perfectly now, Thank you so much for your help!!!

You’re welcome Glad to hear that the problem has been solved!

The easiest way is using a fullscreen slider. With Slider Revolution, you can add a fullscreen slider with a black background, then put the content in the middle so you will always have a black page on all sizes of screen.

Also, you can enable the Custom Grid Size so you can adjust font size and styles of the content for each screen size, you can find more details about Custom Grid Sizes here: https://www.themepunch.com/revslider-doc/slider-setup/#custom-grid-sizes

Once you have a fullscreen slider, you will need to add it to the full-width row. Also, if you’d like you can remove the Header and Footer in the Flora Settings at the bottom of the page edit screen.

The portfolio grid layout always displays the pictures in squared thumbnails. I would recommend you to use the Standard layout (Vertical) instead: http://wydethemes.com/flora1/portfolio-item/portfolio-7/

Also, you will need to add your pictures to the portfolio content instead of the Gallery Options.

Here’s a quick guide:

1. Edit your portfolio post.

2. Choose the Standard layout (first option).

3. Add your images to the portfolio content. If you’re using a page builder, you can use a Single Image element. If you’re using a Classic text editor, you can click on a button “Add Media” to add your images to the post content directly. Please don’t forget to choose original size so it won’t crop your images.

4. Remove all images from the Gallery Options. Then save changes.

5. Go to Theme Options -> Portfolio -> Portfolio Single Post to disable the option “Display Featured Image”.

6. Add custom CSS below to Appearance -> Customize -> Additional CSS to remove the sidebars:

.portfolio-default .main {
    width: 100%;
    float: none;
}

.portfolio-default .sidebar {
    display: none;
}