Discussion on Porto - Multipurpose Website Template (Page 56)

ticinosoftware Purchased

over 9 years ago

hi, how can I replace the orange in the demo costruction with blue ?? where you change the color ?

Okler Author

over 9 years ago

Hello, you can use the style switcher to generate a skin color:

See screenshot: http://www.okler.net/ss/20160916-xmj-114kb.jpg

(Note that in demo construction some are images)

More info: http://www.okler.net/forums/topic/how-to-use-a-skin/

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

SubGrounds Purchased

over 9 years ago

Any idea when Porto 5.0 will be released?

Okler Author

over 9 years ago

Hello, we expect to release new version within 2 weeks, with more demos and features.

Let me know if you have any questions.

Kind Regards,

Jonas

SubGrounds Purchased

over 9 years ago

Hi, thanks for your response. Will that be 4.9.2 or 5.0?

Okler Author

over 9 years ago

Hello, it will be 4.9.2.

Let me know if you have any questions.

Kind Regards,

Jonas

kopojib Purchased

over 9 years ago

Hi, really quick question. I think this functinality must be out of the box but it is not. In index-corporate-law-office, it appears you must use links in menu with sublinks.

About Us

If you do not use subs then menu link is shifted up and looks broken =((

About Us (this does not work)

2 other replies

Okler Author

over 9 years ago

Hello, you can see an example using simple links (without sub links) here: http://preview.oklerthemes.com/porto/4.9.1/demo-law-firm.html

If possible, please open a ticket in our Support Center and send us the URL of your site. – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

kopojib Purchased

over 9 years ago

Thank you, Jonas. I can see it works in your example. However, when I copied your header html and pasted in my page it was still broken. This suggests that you changed css somewhere with something. Is there any chance to let me know which CSS I need to update?

Tried to open a ticket in your support but my purchase code expired. As I said before this is a basic fundamental functionality that must be available out of the box. I do not consider this to be a complex additional feature support request.

Okler Author

over 9 years ago

Hello, sure, I agreed it should work out of the box, and it works – In your site it must be a conflict with some other css/html.

You can download the latest version, or renew the support and create a new ticket with your website URL.

Best Regards,

Jonas

kopojib Purchased

over 9 years ago

Thank you, Jonas. For upgrading to the latest version, just copying new folder with all files into old one? right?

Okler Author

over 9 years ago

Hello, it actually depends on which version you’re using, if it’s not too old just make a backup and replace the files, be careful to not replace the files you customized.

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

bmp1 Purchased

over 9 years ago

Can you add more options for ecommerce (as in magento)? Material design theme version? E-shop item with zoom? Grid of items as in magento? Bootstrap 4? When you do (estimated ) new update? Thank you!

Okler Author

over 9 years ago

Hello, the shop pages/demos are from another author, SW-THEMES.

At this moment we don’t have plans to add the shop demos in the HTML version.

Bootstrap 4 is not officially released.

Thanks for the interest.

New update is coming by the end of the month with more demos.

Best Regards,

Jonas

bmp1 Purchased

over 9 years ago

Please add two demos as in wordpress: 1) Grid of products 2)) Single product with zoom.

bmp1 Purchased

over 9 years ago

Can I order html version as Porto Magento theme?

Okler Author

over 9 years ago

Hello, the shop pages are not available in the HTML. The Shop pages are from another author, SW-THEMES.

Thanks for the interest.

Best Regards,

Jonas

vaxy90 Purchased

over 9 years ago

Hello,

There is a bug using the right side menu header.

Before the 991 pixels breakpoint for mobile devices, there is bug that if you have a 992-1008 pixels width screen and you scroll down, the side bar menu covers the full web page.

Okler Author

over 9 years ago

Hello, can you please open a ticket in our Support Center and send us more details (a screenshot if possible)? – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

tera_systems Purchased

over 9 years ago

Hi,

I want to add two contact forums (contact us nd register page) using contact-form.php and I renamed the same file to contact-form3.php

The email is working perfectly and I am receving emails however, the register.html page (using contact-form3.php) is hanging after clicking send/submit. Please help me in this

Okler Author

over 9 years ago

Hello, can you please open a ticket in our Support Center and send us the URL so we can check? – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

binu_joseph Purchased

over 9 years ago

Hi Jonas,Why the ‘tp-caption top-label tp-caption-custom-stripe’ in the construction demo page is not working?

Okler Author

over 9 years ago

Hello, please note that the custom-stripe element is in fact in the image. http://preview.oklerthemes.com/porto/4.9.1/img/demos/construction/slides/slide-construction-1.jpg

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

dougan888

over 9 years ago

Hi! I have a few questions.

- If I for example have an underwear shop can I have some indicator showing availability of each size?

- is there an ability to set all prices in usd for example, but the customer should see prices calculated in another currency?

- is there an ability to set some sale like -20% for 10 days for example?

- is there built in ability to call if you load the site from a cell phone? or I should use custom plugins like https://wordpress.org/plugins/call-now-button/ ??

Thanks in advance

Okler Author

over 9 years ago

Hello, thanks for the interest in our template.

Please note this is the HTML (static) template, to make it work the way you mentioned you need the Wordpress or Magento version:

Wordpress: http://themeforest.net/item/porto-responsive-wordpress-woocommerce-theme/9207399

Magento: http://themeforest.net/item/porto-ultimate-responsive-magento-theme/9725864

Best Regards,

Jonas

dougan888

over 9 years ago

Oh, sorry. I’m lost in my tabs

JRSystem Purchased

over 9 years ago

Hello,
I have not received email notification update Version 4.9.1 – 02 Sep 16.
They should take care of that aspect.
Best regards.

Okler Author

over 9 years ago

Hello, thanks for your purchase and sorry about the notification.

You can find the changelog in this link: http://www.okler.net/forums/topic/porto-changelog/

Best Regards,

Jonas

JRSystem Purchased

over 9 years ago

Hello,
It’s a good template and it is very important to receive notifications.
Thank you.
Best regards.

casanna Purchased

over 9 years ago

How can I get it so that the first accordion is closed by default instead of open? Thanks.

Okler Author

over 9 years ago

Hello, just remove the class “in” from the accordion element:

See screenshot: http://my.jetscreenshot.com/19020/20160907-q641-41kb.jpg

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

casanna Purchased

over 9 years ago

Hmmm…didn’t work for me….mine looks different well. This is what I have:

A-B

When I removed the class, it made not difference.

Okler Author

over 9 years ago

Hello, this is the complete code:

<div class="panel-group panel-group-primary" id="accordion2Primary">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2Primary" href="#collapse2PrimaryOne">
                    Accordion Title 1
                </a>
            </h4>
        </div>
        <div id="collapse2PrimaryOne" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2Primary" href="#collapse2PrimaryTwo">
                    Accordion Title 2
                </a>
            </h4>
        </div>
        <div id="collapse2PrimaryTwo" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2Primary" href="#collapse2PrimaryThree">
                    Accordion Title 3
                </a>
            </h4>
        </div>
        <div id="collapse2PrimaryThree" class="accordion-body collapse">
            <div class="panel-body">
                <p>Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.</p>
            </div>
        </div>
    </div>
</div>

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Xeniasoft Purchased

over 9 years ago

Hi,

Is it possible insert one toggle inside the other? I’d need to have one toggle for the mother information and one or more inside that.

Thanks a lot

Regards

Okler Author

over 9 years ago

Hello, unfortunately it’s not possible, but you can add the accordion inside the toggles:

<div class="toogle" data-plugin-toggle="">
    <section class="toggle active">
        <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label>
        <div class="toggle-content">
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1One">
                                Pricing Tables
                            </a>
                        </h4>
                    </div>
                    <div id="collapse1One" class="accordion-body collapse in">
                        <div class="panel-body">
                            Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa.
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1Two">
                                Contact Forms
                            </a>
                        </h4>
                    </div>
                    <div id="collapse1Two" class="accordion-body collapse">
                        <div class="panel-body">
                            Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1Three">
                                Portfolio Pages
                            </a>
                        </h4>
                    </div>
                    <div id="collapse1Three" class="accordion-body collapse">
                        <div class="panel-body">
                            Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="toggle active">
        <label>Curabitur eget leo at imperdiet vague iaculis vitaes?</label>
        <div class="toggle-content">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Nullam tortor nunc, bibendum vitae semper a, volutpat eget massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla, orci sit amet posuere auctor.</p>
        </div>
    </section>
    <section class="toggle">
        <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label>
        <div class="toggle-content">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Nullam tortor nunc, bibendum vitae semper a, volutpat eget massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla, orci sit amet posuere auctor, orci eros pellentesque odio, nec pellentesque erat ligula nec massa. Aenean consequat lorem ut felis ullamcorper posuere gravida tellus faucibus. Maecenas dolor elit, pulvinar eu vehicula eu, consequat et lacus. Duis et purus ipsum. In auctor mattis ipsum id molestie. Donec risus nulla, fringilla a rhoncus vitae, semper a massa. Vivamus ullamcorper, enim sit amet consequat laoreet, tortor tortor dictum urna, ut egestas urna ipsum nec libero. Nulla justo leo, molestie vel tempor nec, egestas at massa. Aenean pulvinar, felis porttitor iaculis pulvinar, odio orci sodales odio, ac pulvinar felis quam sit.</p>
        </div>
    </section>
</div>

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

thanhansoft Purchased

over 9 years ago

Hi, I donot submit to okler.net/open-a-ticket/ because error when submit.

This is my website using theme Porto http://taowebtructuyen.com

I check website with https://developers.google.com/speed/pagespeed/insights/. This two issues. Not Asynchronous Javascript/CSS

With javascript, I added async all files javascript, but in <script async src=”/themes/160808/vendor/jquery/jquery.min.js”></script> not load first.

Please help me Asynchronous Javascript Thank a lot

Okler Author

over 9 years ago

Hello, thanks for your purchase, there are several things you can do to improve the performance, we suggest this: http://www.okler.net/forums/topic/minify-php-how-to-combine-minify-and-cache-javascript-and-css-files-on-demand/ – You can also remove some plugins that you’re not going to use as well.

We can guarantee that our template has a very good performance in any device.

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Faisal_H

over 9 years ago

Hi

I am probably going to buy this template, but I have a question:

Is this template fully support RTL?

I don’t see the RTL option in the “Style Switcher” at the demo. instead, I only see one page in RTL at http://preview.oklerthemes.com/porto/4.9.0/feature-layout-rtl.html

I need to be sure that is everything is 100% working on RTL layout.

Thank you

2 other replies

Okler Author

over 9 years ago

Hello, thanks for the interest in our template.

Yes, the RTL version is available for any page, you can see the instructions in this link: http://www.okler.net/forums/topic/how-to-activate-the-rtl-compatibility/

Let me know if you have any questions.

Kind Regards,

Jonas

Faisal_H

over 9 years ago

Thank you for your reply. I did the instructions in the link you provided by the browser inspector and it seems to work but a little off and some stuff didn’t work.

Is there a showcase in RTL at least?

Okler Author

over 9 years ago

Hello, very sorry for the delay in responding.

I just published the RTL version in this link: http://preview.oklerthemes.com/porto/rtl/

- Please note that the theme is huge, if you find any problem in the RTL version we will be more than happy to fix it.

Let me know if you have any questions.

Kind Regards,

Jonas

Faisal_H

over 9 years ago

Cool, thank you for taking the time setting it up.

I took a quick look at it and some shortcodes I need in my current project and it looks awesome, except some minor glitches that I will be more than happy to address even before purchase my first Porto template for the project I am working on

There is another coming project that may have a main website + store that we may use Magento So I have to ask is Magento Theme support RTL as well?

Thank you

Okler Author

over 9 years ago

Hello, thanks.

Yes, Porto Magento is RTL compatible too, please note that Porto Magento was created by another author, SW-Themes. (Our Partner)

Let me know if you have any questions.

Kind Regards,

Jonas

cassiomedia Purchased

over 9 years ago

Hi Jonas, I was wondering if it’s possible to change the slider size for smaller screens. Currently on as desktop the slider has a nice wide screen look but when viewed on a smartphone it still has a widescreen look but the images are quite small. Would it be possible to make it so that the slider is more of a square when viewed on a smartphone or portrait on an iPad or tablet? See this website as an example of what I mean www.opacitydesigngroup.com

Thank you

Okler Author

over 9 years ago

Hello, please note that your account displays the Support Expired badge, please renew your support to continue to receive help to your questions.

As soon as you renew the support, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

We answer to all support questions in our own website.

Kind Regards,

Jonas

beverlystone

over 9 years ago

The blog seems to work in the preview but in the documentation it says the blog isn’t functional. Is the latter correct?

Okler Author

over 9 years ago

Hello, thanks for your interest in our template. In the HTML version the Blog and Shop comes with only static pages (HTML/CSS/JS), the server-side integration is not included.

Let me know if you have any questions.

Kind Regards,

Jonas

hostworldph Purchased

over 9 years ago

hello do you make a customization of this template? i need a user dashboard and admin dashboard with your template. thanks

Okler Author

over 9 years ago

Hello, thank you for your contact, unfortunately we do not offer custom work at this time. I’m sorry about that.

Envato Studio is a good option to find a developer: http://studio.envato.com/

Kind Regards,

Jonas

cassiomedia Purchased

over 9 years ago

Hi guys can you please tell me how to change the font in the sliders? I have added a font that I would like to use. It’s an OTF font and ai added it to the font folder. I know that I need to go into the theme.css and add some code there but maybe this is where I am doing something wrong. Can you please tell me what I need to insert in the css file in order to have that font in my slider text? Thank you. And by the way, do I need to have other versions of the font file in order for it to be displayed by most browsers? Currently I only have the otf file. Thank you.

Okler Author

over 9 years ago

Hello, you can just create a customized class and add it in the slider CAPTION element.

Example: (css/custom.css)

.slider-container .my-custom-font {
    font-family: "Shadows Into Light", cursive !important;
}

<div class="tp-caption my-custom-font" />

This is a good tool to create the webfont crossbrowser: https://www.fontsquirrel.com/tools/webfont-generator

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

cassiomedia Purchased

over 9 years ago

Do I still have to dump the otf file in the font folder?

Okler Author

over 9 years ago

Hello, yes, to make it crossbrowser.

Falala

over 9 years ago

is the live preview working in mobile devices? i can’t browse it in iphone 6s plus.

Okler Author

over 9 years ago

Hello, sure, it’s working in mobile devices, you can access the link directly from: http://preview.oklerthemes.com/porto/4.9.0/index-classic.html

Best Regards,

Jonas

Falala

over 9 years ago

can i change this tags? <meta name=”keywords” content=”HTML5 Template” /> <meta name=”description” content=”Porto – Responsive HTML5 Template”> <meta name=”author” content=”okler.net”>

Okler Author

over 9 years ago

Hello, yes, you can change that if you want to.

Best Regards,

Jonas

Last Update	28 October 2025
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
Compatible With	Bootstrap 5.x
ThemeForest Files Included	PHP Files, HTML Files, CSS Files, JS Files
Documentation	Well Documented
Layout	Responsive
Tags	bootstrap, business, construction, consulting, corporate, creative, ecommerce, landing, medical, multipurpose, one page, portfolio, resume, sass, seo
Created	13 years ago

Discussion on Porto - Multipurpose Website Template

Discussion on Porto - Multipurpose Website Template

Okler supports this item

2897 comments found.

A-B

Okler

Discussion on Porto - Multipurpose Website Template

Discussion on Porto - Multipurpose Website Template

Okler supports this item

2897 comments found.

A-B

Okler

Tell us what you think!