2897 comments found.
Hello,
I used your porto template to create a website and use it. But received an email from sw-themes@cyberservices.com that I am using a NULLED version of the template. Can you let me know if the email is just SPAM??
Please confirm asap.
Hello, if you are using the HTML version of Porto in a single project that’s fine, I can see the “purchased” badge in your account that shows you purchased the theme and the license is valid.
Let me know if there is anything else I can help you with.
Kind Regards,
Jonas
This is the best template on the web by far, amazingly coded. Personaly it changed my way of looking at html/css code, because it is so clean and organized. It exceeded all my expectations. It has everything you will ever need to create an outstanding and up-to-date website.
As the cherry on top of the cake: The support!! is priceless, accurate and very fast, i’m learning everyday. After my licence expires i will definitely buy another one.
Hello Jo_costa, thanks for the kind words. We are very happy to know that you liked Porto and our work. 
Thanks!
Okler Team.
How can I use smooth scrolling (like in the onepage porto design) with all the other sticky headers?
Hello, thanks for your purchase.
1) First set id’s for each section, for example:
<section class="section section-primary mt-none" id="projects">......</section>
<section class="section section-primary mt-none" id="contact">......</section>
<section class="section section-primary mt-none" id="about-us">......</section>
2) Then on HTML of menu items use the “data-hash” and “href” attributes:
<li class="active">
<a data-hash="" data-hash-offset="70" href="#projects">Latest Projects</a>
</li>
<li class="active">
<a data-hash="" data-hash-offset="70" href="#contact">Latest Projects</a>
</li>
<li class="active">
<a data-hash="" data-hash-offset="70" href="#about-us">Latest Projects</a>
</li>
Also you can use the “data-hash-offset” to create a distance between section and top of window.
Please, try that and let me know if you need further assistance.
If you have more questions, please open a ticket in our Support Center. – http://okler.net/open-a-ticket/
Kind Regards,
Rodrigo.
Have been using Porto from way back, love it! Just wondering if at some point it will be compatible with Bootstrap 4.
Hello, we are currently working in a big update that will turn Porto compatible with Bootstrap 4. We will release the update soon.
Please, let me know if you have more questions.
Kind Regards,
Rodrigo.
Wow, it’s done! TY so much!
In the GYM template under the OUR CLASSES section, why do the icons (Running, Kickboxing, Body Building) stretch all the way to the bottom? How do you fix it?
Your demo even has it stretching all the way yo the bottom of the page.
Also, if I am only using the GYM template, which files/folders do I need to keep and which can I delete?
Hello,
Sorry for the bug with icons. To fix please change the style in (css/demos/demo-gym.css) at line 637 to:
.custom-list-style-1 li .custom-list-item img.custom-icon {
width: auto;
margin-right: 15px;
vertical-align: middle;
display: inline-block;
}
* Note that changed the value of “width”.If you will use only the demo gym, here is the necessary files and folders: - CSS
<!-- Vendor CSS --> <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="vendor/animate/animate.min.css"> <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css"> <!-- Theme CSS --> <link rel="stylesheet" href="css/theme.css"> <link rel="stylesheet" href="css/theme-elements.css"> <link rel="stylesheet" href="css/theme-blog.css"> <link rel="stylesheet" href="css/theme-shop.css"> <!-- Current Page CSS --> <link rel="stylesheet" href="vendor/rs-plugin/css/settings.css"> <link rel="stylesheet" href="vendor/rs-plugin/css/layers.css"> <link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css"> <!-- Demo CSS --> <link rel="stylesheet" href="css/demos/demo-gym.css"> <!-- Skin CSS --> <link rel="stylesheet" href="css/skins/skin-gym.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="css/custom.css"> <!-- Head Libs --> <script src="vendor/modernizr/modernizr.min.js"></script>- JS:
<!-- Vendor --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery.appear/jquery.appear.min.js"></script> <script src="vendor/jquery.easing/jquery.easing.min.js"></script> <script src="vendor/jquery-cookie/jquery-cookie.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <script src="vendor/common/common.min.js"></script> <script src="vendor/jquery.validation/jquery.validation.min.js"></script> <script src="vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.min.js"></script> <script src="vendor/jquery.gmap/jquery.gmap.min.js"></script> <script src="vendor/jquery.lazyload/jquery.lazyload.min.js"></script> <script src="vendor/isotope/jquery.isotope.min.js"></script> <script src="vendor/owl.carousel/owl.carousel.min.js"></script> <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script> <script src="vendor/vide/vide.min.js"></script> <script src="vendor/instafeed/instafeed.min.js"></script> <!-- Theme Base, Components and Settings --> <script src="js/theme.js"></script> <!-- Current Page Vendor and Views --> <script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <!-- Demo --> <script src="js/demos/demo-gym.js"></script> <!-- Theme Custom --> <script src="js/custom.js"></script> <!-- Theme Initialization Files --> <script src="js/theme.init.js"></script>
If you have more questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Rodrigo.
Outstanding response time and thank you. It worked!
How do I fix the demo-gym-classes.html page so the “Learn More” buttons in the six boxes is fully visible?
I get the same issue with the demo-gym-pricing.html & demo-gym-staff.html pages. The Gym demo shows the same issue.
Hello, sorry for that bugs again.
1) To fix please change the code of (css/demos/demo-gym.css) at line 655 to:
.custom-thumb-info-2 {
border: none;
overflow: visible;
margin-bottom: 25px;
}
* Note that changed the value of “overflow”.If you have more questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Rodrigo.
Hi ! great themes !! Please 2 questions 1. I don’t see gallery -portfolio page on the hotel theme, how o can have one if I choose the hotel theme? 2 the booking for is it really work ? so people will fill the name room etc and the info will go to my mail ? Thank you Stef
Hello, thanks for the message.
1 – The gallery of the room “details” is available in this page: http://preview.oklerthemes.com/porto/5.7.2/demo-hotel-rooms-rates-detail.html
2 – It can be changed to use the contact form if you want to receive that in the email.
Please let us know if you have any questions.
Kind Regards,
Jonas
Hi Jonas, !! The fact that you answered so quickly made me buy the theme straight away! Ok, now I got the theme! Please maybe I didn’t make the correct question, so I what I want is to have is the lightbox portfolio-gallery in one page , can i do that ? ( http://preview.oklerthemes.com/porto/5.7.2/portfolio-extra-lightbox.html#* )
Thank you stef
Hello, sure, you can integrate the lightbox gallery on Hotel Demo. If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Is there any plan to support laravel (PHP Blade Template)?
Helo, thanks for the message, unfortunately we don’t have plans for that at the moment.
Kind Regards,
Jonas
i can’t install because wp says it doesn’t have style.css file, are you kidding me?
Hello,
Thanks for your purchase, however, please note that the template you purchased is not a Wordpress Theme, it’s a HTML5/CSS3 template so this cannot be installed on Wordpress.
You can find the Wordpress version in this link: http://themeforest.net/item/porto-responsive-wordpress-woocommerce-theme/9207399Kind Regards,
Jonas
Hi, Bootstrap 4.0 version, how long?
Hello, thanks for the message. The update will be available soon. Unfortunately we do not have a specific date for the release yet.
Kind Regards,
Jonas
First off just want to say this is an amazing theme.
I easily customized everything I wanted except for 1 issue I am trying to fix.
I have selected the “Boxed” option in the theme configuration. Which works perfectly for desktop however on mobile there is too much padding for my site.
Is there anyway to have the “Boxed” layout option only apply to desktop and leave mobile/tablet on the “Wide” option? or is the only way to write custom css overwrites to replace all the changes the boxed options adds, using media queries?
Thanks
Hello, sure, in fact the boxed mode is applied to resolutions that are bigger than 991px. If you need help, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Hello I can really use some help. It has been 4 days and i cant figure it out. ALL i want to do is add a video to the right side where the phone is here:
http://preview.oklerthemes.com/porto/5.7.2/demo-app-landing.htmlSo instead of the phone being there I want a rectangle video that people can play if wanted.
Please help me with this.
Hello, I just replied to the ticket you opened in our website about that question.
Thanks.
Kind Regards,
Jonas
Can you send me html with images you show in demo. The theme looks very bad with the images you provide in download.
Hello, I’m sorry, but unfortunately we cannot provide the images as it is against the license terms.
If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Hello,
For some reasons our map is not showing up on the contact page.
Any idea what’s going on? > http://www.inspiradigitalagency.com/contact.html
Thanks for your help!
Hello, I can see there are a few JS errors in the page, for example: (check screenshot): http://www.okler.net/ss/20171006-dgu-18kb.jpg -
If you need help to solve those problems please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Hi i need script or theme like this https://sck.pm/wix
I’ll need to add a drop down (submenu) section for one/or a few of the main menu items. I am using the Digital agency demo as a backbone. Do you have this functionality already in there?
Hello, sorry for the delay in responding, you can just use the same HTML as the main files do, for example:
<li class="dropdown">
<a class="dropdown-toggle" href="#">
Contact Us
</a>
<ul class="dropdown-menu">
<li><a href="contact-us.html">Contact Us - Basic</a></li>
<li><a href="contact-us-advanced.php">Contact Us - Advanced</a></li>
</ul>
</li>
If you have any questions, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/
Someone from Support Team will reply as soon as possible.
Kind Regards,
Jonas
The worst idea you had by setting the navbar styles with less and force the designer to change styles with the “style editor” and then having to copy the css and link it again… Why not just modify the theme.css? Worst idea ever dudes I am stuck on a simple task such as changing hover styles for the navbar “li” tags, I do not use less and I cannot make the little machinery icon of the style editor to appear in my html to make them changes and then delete it to upload the html file again… I insist WORST IDEA EVER
Hello, thanks for the message. Please note that the theme style files are divided in 3 parts, the core files (theme.css and theme-elements.scss), skin (generated by the Style Switcher using Less) and the Custom file (custom.css) which contains the customized changes. The main idea of keeping the core files the same way as it comes with the theme is to make the update process easier, so when we release a new version you can replace the main files and keep the customized files the same way you edited. We do that with LESS because the style switcher can generated the skin colors (skin.css, default.css, etc…) using Javascript (less.js), that file contains only the colors and the style is not in those files.
I’m sorry, but I’m not sure I understand which navbar you are trying to edit, can you please send more details?
Kind Regards,
Jonas
Hi admin, I purchased my theme last year but got engaged and I was not able to complete my project. I also lost my laptop that had login details. Please help me on how I can recover my backend. My website is www.itgurukenya.co.ke
Hello, unfortunately we cannot provide a download link for an unverified buyer. Please try to contact Envato to recover the login you missed and to be able to download the project and get support again.
Thanks
Kind Regards,
Jonas
I´m waiting for bootstrap 4 version to buy both Admin and Frontend Porto.
Hello, thanks for the message. We will let you know as soon as we release a new version.
Kind Regards,
Jonas
Still waiting the updates…
Hello, new version is being tested and will be available soon.
Thanks.
When I using you website to webview on application as you tube, it don’t display thumbnail on YouTube in android, but iOs is can. How to solve this problem
Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/
Someone from Support Team will reply as soon as possible.
Kind Regards,
Jonas
Hi, I have a question. In HTML theme version, section shortcodes/image gallery -> Thumb Gallery the second exemple seems to have a problem. Does’t show any arrows on mouseover (neither the big picture or the thumbs) and the thumbs list is aligned to the right with a white spece in the left. I belive this is the case when the thumbs list should have the left/right moving arrows showed at mouseover, the case I am interested in. Thank you for your answer.
Hello, that example was created to not show any arrows, but you can change that in the JS file. If you need help with that, please open a ticket in our Support Center. – http://okler.net/open-a-ticket/
Someone from Support Team will reply as soon as possible.
Kind Regards,
Jonas
