Discussion on Porto - Multipurpose Website Template

Discussion on Porto - Multipurpose Website Template

By
Cart 53,191 sales
Recently Updated
Well Documented

Okler supports this item

Supported

2897 comments found.

I bought it a while ago but never got time to use it – looking at the HTML-Version of the resume layout. How do I change the color of the Menue (would likt to have another color instad of yellow and a “white hover” thing)

Hello, you can generate a skin with the color you want: 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

Hi, I have a few questions regarding portfolios. https://www.headmedia.co.uk/portfolio/perfect-bound-booklets/

1) How would I change the wording of ‘Project Description’? 2) I want to keep the tags but how do I remove the heart icon and the date of the project on the top right? 3) Somehow the text ‘Related Work’ at the bottom of the page is white and therefore invisible against a white background – How do I change the colour, and the text?

Additionally I would like to rename the entire ‘Portfolio’ category to ‘Products’ – that also means changing it in the URL – is this possible?

Many thanks

Apologies – I realise I have posted this on the HTML template page, not wordpress. I will go there now!

Hello,

I saw that you are using the Wordpress version of Porto.

We are the author of HTML5 version. Note that Wordpress version was created by another author, so in that case you need to contact the author of Wordpress version:

https://themeforest.net/item/porto-responsive-wordpress-ecommerce-theme/9207399/comments

Kind Regards,

Rodrigo.

In Google Chrome every time I go to a new page, my Login box drops down. Any ideas?

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

Kind Regards,

Jonas

Nice work, Good Luck

Hola que tal quien me puede asesor, sobre las plantillas por favor

Hello, can you please explain your question again?

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

Kind Regards,

Jonas

the design of the blog screen is correct? just fill one third of the screen. http://preview.oklerthemes.com/porto/6.0.0/demo-photography-blog.html#

Hello,

This is a issue that we already fixed, and will be released on the next version of Porto. For now, please follow the steps below:

Change this: <ul id="ourBlog" class="p-0 mt-4">.........</ul> To this: <div id="ourBlog" class="p-0 mt-4">.........</div>
Change this: <li class="col-sm-4 col-lg-4 isotope-item p-3">......</li> To this: <div class="col-sm-4 col-lg-4 isotope-item p-3">......</div>

If you need further assistance, please open a ticket at our Support Center: http://okler.net/open-a-ticket/

Kind Regards,

Rodrigo.

Hello, When on the portfolio page. (Ajax on modal) when I click on the portfolio image, the pop up opens on the bottom of the page. Any idea how to fix this? You can see for yourself. http://www.flyaka.net/phpvms5/index.php/AKA_Downloads/Aircraft

Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/

Kind Regards,

Rodrigo.

I want to buy a theme http://preview.oklerthemes.com/porto/6.0.0/demo-gym.html Kindly suggest me on email. My Email is k8809948348h@gmail.com and Contact no is 8809948348

Hello, Porto comes with all demos included (except for the images). Purchasing Porto you get the Gym demo too.

Let me know if you have any questions.

Kind Regards,

Jonas

The scss file is one big file for all or one file for each element/section? Thanks.

Hi, no, one SCSS file for each element and section, for instance, the shortcodes are divided in 34 files.

Let me know if you have any questions.

Kind Regards,

Jonas

Can i get older version of your Porto? I need a 4.1.

Hello, if you need old demos please contact us sending a private message using our contact form: http://themeforest.net/user/Okler#contact – With that we can confirm the purchase and send old files.

Kind Regards,

Jonas

Hello,

I had your template for a whle now and it is amazing. I found one problem in the new 6.0.0 version.

In “One page agency” demo, Menu when viewed on mobile, is not collapsing after clicking on a desired link. I can see that everything is working fine in version 5.7.2 of your template but not in a new version.

Can you tell me how to fix this? I know that my support has expired, but I think that this is a bug that needs a fix from your side in future versions of your template.

Kind Regards,

Dušan

Hi there,

I found out what the problem was, I think… Class “in” is not added to .collapse like in previous versions. It is adding .show . So, insted of

$header.find('[data-collapse-nav]').on('click', function(e) {
                    $(this).parents('.collapse').removeClass('in');
                });

and

                $('[data-hash]').each(function() {

                    var target = $(this).attr('href'),
                        offset = ($(this).is("[data-hash-offset]") ? $(this).data('hash-offset') : 0);

                    if($(target).get(0)) {
                        $(this).on('click', function(e) {
                            e.preventDefault();

                            // Close Collapse if Opened
                            $(this).parents('.collapse.in').removeClass('in');

                            self.scrollToTarget(target, offset);

                            return;
                        });
                    }

                });

                return this;
            },

I had to put

$header.find('[data-collapse-nav]').on('click', function(e) {
                    $(this).parents('.collapse').removeClass('show');
                });

and

                $('[data-hash]').each(function() {

                    var target = $(this).attr('href'),
                        offset = ($(this).is("[data-hash-offset]") ? $(this).data('hash-offset') : 0);

                    if($(target).get(0)) {
                        $(this).on('click', function(e) {
                            e.preventDefault();

                            // Close Collapse if Opened
                            $(this).parents('.collapse.show').removeClass('show');

                            self.scrollToTarget(target, offset);

                            return;
                        });
                    }

                });

                return this;
            },
Also had to remove this block of code from theme.js in order to work properly
// Set Header Body Height when open mobile menu
                $('.header-nav-main nav').on('show.bs.collapse', function () {
                     $('.header-body').animate({
                         height: ($(this).outerHeight() + headerBodyHeight) + 20
                     });
                });

                // Set Header Body Height when collapse mobile menu
                $('.header-nav-main nav').on('hide.bs.collapse', function () {
                     $('.header-body').animate({
                         height: headerBodyHeight
                     }, function(){
                         $(this).height('auto');
                     });
                });

                // Side Header - Change value of initial header body height
                if( $window.width() > 991 ) {
                    var flag = false;

                    $window.afterResize(function(){

                        if( $window.width() < 992 && flag == false ) {
                            headerBodyHeight = $('.header-body').outerHeight();
                            flag = true;
                        }

                    });
                }

Maybe I am wrong but it worked for me :grin:

Kind regards,

Dušan

Hello,

In your case this can works. But will loose some of other functionalities. The best way to fix that is:

1) Change the class “in” to “show”:
// Collapse Nav
$header.find('[data-collapse-nav]').on('click', function(e) {
    $(this).parents('.collapse').removeClass('show');
});
2) Change the “Anchors Position” code to:
// Anchors Position
$('[data-hash]').each(function() {

    var target = $(this).attr('href'),
        offset = ($(this).is("[data-hash-offset]") ? $(this).data('hash-offset') : 0);

    if($(target).get(0)) {
        $(this).on('click', function(e) {
            e.preventDefault();

            if( !$(e.target).is('i') ) {

                // Close Collapse if Opened
                $(this).parents('.collapse.show').collapse('hide');

                self.scrollToTarget(target, offset);

            }

            return;
        });
    }

});

Sorry for that issue.

If you need further assistance, please open a ticket at our support center: http://okler.net/open-a-ticket/

Kind Regards,

Rodrigo.

Hello Rodrigo,

you are absolutely right… it looks better this way with the nav closeing animation.

Thank you very much.

Kind regards, Dušan

hello, impressive work. I’m using photograpgy 1 template . how do i bring social media icons(fb,twitter & instagram buttons) in home page when visited from mobile ?.kindly help

Hello, thanks for your purchase. Please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Hi, I have already purchased this theme some time ago. I am trying to customize the index-classic-color.html.

There are four images under the main slider showing Presentation, PortoWatch, Identity and Watch Mockup.

I have a requirement to use only three and not four images. Can you please tell me how may I achieve this.

Many thanks Tejinder

Hello, you basically need to change the grid, to use less columns, you can find more examples on Porto main files. http://preview.oklerthemes.com/porto/6.0.0/portfolio-grid-3-columns.html

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

Kind Regards,

Jonas

Hello, it is posible to change the logo when sticky-header-active ? for example if sticky-header-active logo will be dark or white ?

Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Hello, I lost my files, the shop they took in the new version, how could I do?

Hello, if you need old shop demos please contact us sending a private message using our contact form: http://themeforest.net/user/Okler#contact – With that we can confirm the purchase and send the shop demos files.

Kind Regards,

Jonas

Hi, I want yo ask you about shop demos, Why did you remove shop demos? I need shop demos right now. canhorozmehmet@gmail.com

Hello, if you need old shop demos please contact us sending a private message using our contact form: http://themeforest.net/user/Okler#contact – With that we can confirm the purchase and send the shop demos files.

Kind Regards,

Jonas

hello i just want to ask you .. in english the nav and all the page come from left to right .. but in my language from right to left how can i do that?

Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

I had 6 months of technical support ended without asking or opening a ticket .. So Can you help me with this?

Hello,

Sure :)

Please follow the steps below to activate the RTL on Porto:

1) Change the theme CSS stylesheets on head to:
<!-- Theme CSS -->
<link rel="stylesheet" href="master/rtl/css/rtl-theme.css">
<link rel="stylesheet" href="master/rtl/css/rtl-theme-elements.css">
<link rel="stylesheet" href="master/rtl/css/rtl-theme-blog.css">
<link rel="stylesheet" href="master/rtl/css/rtl-theme-shop.css">
2) Add the attribute on html tag:
<html dir="rtl">
3) Add in (css/custom.css):
body {
        text-align: right;
}

Kind Regards,

Rodrigo.

Good Day

I bought this template and it did not come with the ‘Porto e-Commerce’ (shop demo). Please see the following url for the shop demo I was specifically looking for: http://preview.oklerthemes.com/porto/5.7.2/shop/demo-shop-6.html. I specifically wanted to this demo so I can integrate it with PHP for functionality

I purchased the Porto template for the sole reason of using the ‘Porto e-Commerce’ demo, the other demos are very nice but I specifically bought this template for the e-COmmerce version and its the only demo not available on my download file.

Please assist! Kind Regards.

Hello, if you need old shop demos please contact us sending a private message using our contact form: http://themeforest.net/user/Okler#contact – With that we can confirm the purchase and send the shop demos files.

Kind Regards,

Jonas

Please return shop demos and add vue.js

Hi. Congratulations for this good template. Its fantastic. My question is that. I want to show the main menu as left opened on mobile devices. How can i do this. I couldnt find and example on demos.

Hello, thanks for your purchase.

Unfortunately we don’t have a menu like that at the moment.

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

Kind Regards,

Jonas

I search the comments with “left menu” keywords and i saw @fatihtan01 wanted this Left Opened Menu on Mobile 1 years ago. You answered to him as “unfortunately Porto doesn’t come with that menu style at this moment, we will add that in the future.” I think 1 years is enaught time for “future” and i hope you decide to add this properties on Porto. Because this menu is very useful for users.

Hello, sure and thanks for your suggestion :)

In the meantime you can find some examples for Bootstrap on how to make a side menu for mobile resolutions: https://bootsnipp.com/snippets/E1rAy

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

Kind Regards,

Jonas

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