This topic has 22 replies, 5 voices, and was last updated 8 years by Abe.

  • Author
  • #91475
     danio987
    Participant

    Hi I have updated my theme to latest version of Kleo, and I get strange result with video portfolio items.
    And apparently they are cut in half, printscreen bellow.

    Attachments:
    You must be logged in to view attached files.
    #91484
     sharmstr
    Moderator

    Its always been that way. You try this to change it

    COPY CODE
    
    .portfolio-items.overlay-style li .portfolio-header .post-title {
        width: 95% !important;
        overflow: visible !important;
        white-space: pre-wrap !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #91502
     danio987
    Participant

    I think that it is because height is calculated dynamically based on two exceptions.
    For images and embeded videos on server is calculated properly and for all videos that are somewhat divided by 2.
    Thats why inline style is half of proper value.

    I think that change in some js file has to be done. Because your solution doesn’t seams work.

    Attachments:
    You must be logged in to view attached files.
    #91506
     sharmstr
    Moderator

    Sorry, I read the title of your post wrong. I thought it said “title cut in half” not “tiles”.

    Its something specific with your site. Doesnt happen by default: http://seventhqueen.com/themes/kleo/portfolio-full-width/

    Can I see a link?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #91507
     danio987
    Participant

    When I configure portfolio in such way that it displays all kinds of videos, pictures hosted on my server everything works like it is shown on site which you posted. But when I set up only external videos from youtube or vimeo they are trimmed a bit.

    Wonder where values for width and height are calculated.

    #91520
     sharmstr
    Moderator

    It uses the Isotope jquery script. Look in apps.js, but you’ll have to re-minify it.

    Even with external videos only its still not an issue on my site. Again, its something specific with yours. Lazy loading perhaps?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #91532
     danio987
    Participant

    Well I probably found issue with the code.

    Here is the thing

    COPY CODE
        portfolioVideo: function() {
            var elements  = $(".porto-video .kleo-video-embed");
            elements.height(function () {
                var image = $(this).closest(".portfolio-items").find('.portfolio-image img, .kleo-banner-slider img').eq(0);
                return image.length && image.height() > 0 ? image.height() : "160";
            });
        },
    	

    When all portfolio items are set to video script probably doesn’t recognize its embeded img so its sets [switch] its height value to 160px. And this is actually happening on my site. ūüôā

    Do you have any clues how to resolve this?
    I would be more than happy if you have some ideas.

    #91534
     danio987
    Participant

    BTW Gratulations for 10 000 post!

    #91538
     sharmstr
    Moderator

    Oh. hahahaha. Thanks. I’ve assigned this to one of the devs to take a peak at.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #91552
     danio987
    Participant

    Thanks,
    I think that I found solution for this by setting this value to “auto”.

    COPY CODE
       portfolioVideo: function() {
            var elements  = $(".porto-video .kleo-video-embed");
            elements.height(function () {
                var image = $(this).closest(".portfolio-items").find('.portfolio-image img, .kleo-banner-slider img').eq(0);
                return image.length && image.height() > 0 ? image.height() : "160";
            });
        },
    

    I saw that you hiring, and you look like cool outfit ūüėČ
    Probably I will drop line in your career tab.

    And still wait for your replay.
    Thanks for guiding me.

    #91561
     Abe
    Keymaster

    Hello, will check it out and see what we can do to prevent it.

    Thank you

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #99864
     Paul Giovanatto
    Participant

    Did this ever get fixed officially? I bought Kleo specifically for video distribution and need the video embed to display properly in the portfolio view.

    #99865
     Abe
    Keymaster

    Hello, I did some tests locally and I want to test them in the morning on your site. Can you share FTP credentials?

    Thanks

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #99869
     Paul Giovanatto
    Participant

    Unfortunately I am building on a localhost environment as well, I wont have the site live until early February.

    However I know the issue only occurs when the portfolio posts are all exclusively video oembeds posts. It is corrected if one of the items in any active category is a an image. To test this simply create an isolated dummy category and post with any oembed video service (youtube,vimeo) and exclusively display it in a page.

    I will be following this post for any updates and work my best to help if i can as I need this to work!

    Attachments:
    You must be logged in to view attached files.
    #101454
     Paul Giovanatto
    Participant

    Does anyone know if this glitch will be addressed in the next Kleo update?

    Cheers.

    #101472
     Abe
    Keymaster

    Yes these days the update will come out. Can you give me access to FTP to check if it addresses it?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #113930
     Paul Giovanatto
    Participant
    This reply has been set as private.
    #115517
     Paul Giovanatto
    Participant
    This reply has been set as private.
    #115577
     morok
    Participant

    Hi! I have the same issue. Why this topic marked as resolved? I don’t see any solution here.

    #115757
     Abe
    Keymaster

    Hi there, sorry for the delay. Will do some tests tonight and probably add an option in the Theme panel for the video height. It is normally taken from any other image in the portfolio loop on the page but if you only have videos then it defaults to 160px set by us as as a fallback.

    Thanks for your patience

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    #117018
     Abe
    Keymaster

    Hello, until the next theme update please replace these theme files where I have added an option in admin Theme options – Portfolio – Portfolio list Video Height

    You can set a custom height there so it should suit your needs.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

    Attachments:
    You must be logged in to view attached files.
    #117818
     Paul Giovanatto
    Participant

    Thank you so much !! this will do the trick for now. It looks much better.Thank you !!!!!!!!

    #118544
     Abe
    Keymaster

    Glad to hear that ūüôā

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Viewing 23 posts - 1 through 23 (of 23 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?