Porftolio tiles cut in half after theme update.

[danio987]

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.

[sharmstr]

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

[danio987]

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.

[sharmstr]

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

[danio987]

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.

[sharmstr]

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

[danio987]

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.

[danio987]

BTW Gratulations for 10 000 post!

[sharmstr]

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

[danio987]

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.

[Abe]

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.

[Paul Giovanatto]

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.

[Abe]

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.

[Paul Giovanatto]

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.

[Paul Giovanatto]

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

Cheers.

[Abe]

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.

[Paul Giovanatto]

This reply has been set as private.

[Paul Giovanatto]

This reply has been set as private.

[morok]

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

[Abe]

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.

[Abe]

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.

[Paul Giovanatto]

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

[Abe]

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.

[Author]

Posts