Discussion on Ottavio - Multipurpose HTML5 Bootstrap Template

Discussion on Ottavio - Multipurpose HTML5 Bootstrap Template

By
Cart 667 sales
Well Documented

kleis supports this item

Supported

74 comments found.

Hi there! I want to replace the images on my home page without changing the slider effects. How do i go about this please? I’ve tried tag but assuming that it’s not going to work?

Good day, I need to incorporate a CMS. Is this possible with this template and where can a find a suitable one? Thank you

Hi Kleis, 1. How to disable on mobile animation on items: timer-wrapper and charts-wrapper? 2. How to add recptcha code do contact.php?

Hi,my website have a problem that search sidebar’s background can’t show in ipad&iphone safari browser. Your original template still have the same problem. ? http://ottavio.kleis.agency/home-1.html ? How could I fix this? Thank you.

Hi, I’m sorry but we do not see the problem that you are reporting … We see everything perfectly on ipad & iphone browser safari.

It also seems that from your account has not purchased the theme. If you would like to receive support you must contact us through the support area here: http://themeforest.net/item/ottavio-multipurpose-wp-company-business-theme/12006131/support with the account that you purchased the theme :-)

Hi, I I’ve got a question about the “video header background”, is it possible to have the video scaled on the header screen ? Just like the main default slider of the template, in the index.html (it fits perfectly to the screen) ?

Thanks a lot, Have a nice day !

Hi, you can not have the video fullscreen as main default slider! You can only have images in fullscreen mode!

Hi, Can yo please let me know where we have to add our email address for email form

Thanks Simran

Hi, your account does not seem to have bought the theme, if you want to receive support you must contact us with the account that you purchased the theme.

HI, yeah Actually I didn’t buy theme from this account, My friend buy that and he ask me for help, I will ask him that he have to create a ticket from his account.

Ok perfect!

Hi again Kleis… i’m a bit in trouble with “PrettyPhoto” while navigating the portfolio in mobile mode: photo frames are too little on smartphones! I suppose they shoud fit at least a wider part of the smartphone screen (portrait viewing)...

Note: i didn’t found any useful solution on PrettyPhoto official forum @ Vanilla2 about this issue.

Maybe a mod inside a css file is needed?

Hi, for Prettyphoto we include the original library, without customization. If you want to make some customisations to prettyphoto you edit styles/prettyPhoto.css but you should not directly edit that file otherwise then you will no longer be updated. I suggest you create a new style sheet where you insert your prettyphoto customization and include it after the original prettyphoto css.

@webneshan looks like they do not..

Hi, our theme is constantly supported. Now we are responding to your requests through the support area.

I sent you an email for support but didn’t yet receive any support! Do you still support this item?

Hi, our theme is constantly supported. Now we are responding to your requests through the support area.

Hello,

I really liked your template and i am interested in buying it. I have some questions that i would like to ask you first. A month ago i bought another template and it said it was bootstrap compatible but it wasn’t. Also it was depending from a main js file that was responsible of doing all the styling throughout the website. I hacked the js file but it is so difficult doing changes so i decided to buy another one.

I have noticed that the latest version of your template was published at the 25th of June 2015. That means that you are using the latest libraries (bootstrap and so on). Is that right? Could you list me what jquery version and bootstrap are you using? I am going to use the template with php, mysql. Is it easy to add elements inside the views? e.g. bootstrap calendar, or my custom image carousel (bootstrap compatible) and so on. Does your website depends from a main js file? (to set default home page, background theme, website url and whatsoever?)

Many thanks.

Hi, thank you for buying our theme. The Bootstrap version is: 3.3.0 and the jQuery version is: 1.11.1 In Ottavio theme we have included many custom components (buttons, image sliders, carousels, pricing table, chart, etc. etc.) but you also have all the components to bootstrap that you can find here: http://getbootstrap.com/components/

All javascript libraries are included in separate files so they can be updated or changed quickly.

Thank you so much :-)

Hi, i’m enjoying your awesome template, the quality is very high! I just need a little help about the sliders:

i’m using the SLIT slider in the home section and i need to make a text FIXED over the various sliders without repeating it in every content.

I’ve tried with an absolute-positioned div outside the container, but it won’t scale while reducing the window size, loosing the responsive advantage.

How can i do?

Hi, if you move the contents out of the ”.slide-container” you must recreate the classes in the main.css style sheet. If you do not make this change in the style sheet you will lose the responsive.

hi; nav bar sub menu is does not open on my iphone 5 , why? . Help me please

Hi, please contact us through the support area and send us the link to your site to debug.

I want to center the top nav bar as well as the logo to the left of it, which code in the css do i need to modify?

We received your ticket … We are responding to your question through the support area.

hello!! i have one question, how can i re size the header logo for the smartphone version?? it’s too big when i see the website from the smartphone, here the link www.simonafiume.it/classy thank u

Hi, you are set the max-height on the logo inline, Very bad practice! please remove the max-height
<a href="index.html" class="navbar-brand">
<img src="img/logo-white.png" alt="" class="logo-white" style="max-height:68px" />
<img src="img/logo-dark.png" alt="" class="logo-dark" style="max-height:68px" />
</a>

You must set the height of the logo in the main.css file in ”.navbar .navbar-brand > img” selector (for desktop version).

For mobile version you must insert a custom class in the main-responsive.css file. Please add the follow code after line 177 +/-

.navbar .navbar-brand > img{
    max-height:40px;
}

Changhe the max-height value as you prefer!

oh thank u very much! now it works fine.

It here a way to use lazy load in the masonary grid with/ or without the preloader? Praying there is a way to quickly integrate or turn on. When a user has too many images, it helps alot.

Please advise ASAP.

thank you. P

Hi, at this time the images are loaded when the page loads this to speed up page loading. Changing this behavior is a job very long. Consilgio you to optimize image quality for a faster loading.

I’m trying to implement an Owl Carousel on a portfolio-detail.html page with auto play set to true. The carousel shows up and works, but it does not auto play. I did the following:

1. set data-auto-play=”true” within portfolio-detail.html page

2. Set autoPlay: true; in the owl.carousel.js file

3. Added the following to the portfolio-detail.html page withiin the body tag:

<script> $(document).ready(function() { $(”#owl-demo”).owlCarousel({ autoPlay : 3000, stopOnHover : true, navigation:true, paginationSpeed : 1000, goToFirstSpeed : 2000, singleItem : true, autoHeight : true, transitionStyle:”fade” }); }); </script>

No luck as of yet. Please advise or send a sample page within your framework that has an example of an auto-playing carousel.

thank you.

Issues Solved. Had to modify the JS file besed on notes from Owl carousel website.

Ok perfect!

How can we make the portfolio gallery expand properly on a 4K resolution monitor? Currently it breaks up in a 2K and 4K screen. Do we need to upload bigger thumbnails?

Thank you in advance.

Please advise. Any screen resolution over 1920×1080 struggles with the Masonary portfolio layout. sometimes you need to click twice to correct the ERROR layout of images.

Hi, please contact us through the support area here: http://themeforest.net/item/ottavio-responsive-multipurpose-wordpress-theme/12006131/support and send us some screenshoot of your problem please!

hi i need to remove the search button, what should i do? then the website looks very badly from ipad and iphone. Where i get wrong? U can visit it here www.classyparrucchiere.com best regards

i resolve for mobile phone and tablet for the slider, but for the background image parallax not yet, then i need to remove the search button, thank u

Hi, I think that the parallax images work fine even on your site. If something does not work you have to compare the original template, and you see what you did wrong…

As for the search button you delete or comment the following code from your html pages:

<a href="javascript:void(0)" class="search_button"><i class="fa fa-search" /></a>
        <form action="search.html" method="get" role="search" class="h_search_form">
          <div class="container">
            <div class="h_search_form_wrapper">
              <div class="input-group"><span class="input-group-btn">
                  <button type="submit" class="btn btn-sm"><i class="fa fa-search fa-lg" /></button></span>
                <input type="text" placeholder="Search on site" class="form-control">
              </div>
              <div class="h_search_close"><a href="#"><i class="fa fa-times" /></a></div>
            </div>
          </div>
        </form>

aww thank u !!! :)

hello, i wrote u an email i don’t know if u already read it! I asked u how can i remove the “search button” and why the dark logo looks small than the white one in the header.. can u see everything here www.classyparrucchiere.com best regards

i can’t find the mail

i can’t find the mail

We answered your questions in the comment above!

This site does not load correctly on all iphone, ipad and safari powered devices. Any tips?

Why do you say this? we tested the template with all iOS devices and it works perfectly! ARE YOU SURE YOU HAVE REMOVED THE THEMEFOREST IFRAME? That could create some problems.

You complain that the site can not be seen on mobile devices, but in reality the problem is that you have introduced many errors html code to your site as you can see here: https://validator.w3.org/check?uri=http%3A%2F%2Fbitmax.pusheject.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 (W3C Validator).

If you look at our demo works fine and the code is valid … https://validator.w3.org/check?uri=http%3A%2F%2Fottavio.kleis.agency%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

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