Okay
  Public Ticket #1715975
Portfolio full width and filters
Closed

Comments

  • honorbangkok started the conversation

    Hi,

    1—I wanted to have my images thumbnail on folio page to extend to full-width portfolio, but when I did that the title and filter also expand follow the thumbnails. Is there anyway to make just thumbnail to be full-width, but not the title and filter? Please the attached files.

    2— Just wondering if there is a way to make subcategory filtering in the same line. At the moment, when I make subcategory filtering active and put some subcategory into it. It seems that the subcategory titles are not in the same line. Please see the attached file for your reference.

    Thanks,

    Yuttana.

  • [deleted] replied

    Please activate filters in your homepage and then please share your Wordpress credentials because I need to login to your site and test this issue. Your information is safe here (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Thanks!

  • honorbangkok replied
    Site CredentialsWP
    WordPress Credentials
    Admin URL:bangkokcine.com/wp-admin
    Username:[email protected]
    Password:bangkokcinefilms
    {"wp":{"use":true,"adminUrl":"bangkokcine.com/wp-admin","username":"[email protected]","password":"bangkokcinefilms"},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

     Here it is. Thanks

    And also, I would like to make something like this 

    http://objeststudio.com/work/

    for all me thumbnails on portfolio page. Just wonder how can I do it. 

    PS. I kinda of can sort it out about how to do it, but the images on the thumbnails are blurry again. What can I do to make the thumbnails sharp?

    Thanks.

  • [deleted] replied

    Hi Yuttana,

    1— Problem solved by changing the Template from "Portfolio" to "Default Template" and then by using Masonry Portfolio element, then making the row full-width. For more info I recorded entire procedure for you (see video).

    2— To show filters in full-width Please just add this CSS code to your Custom CSS area:

    @media screen and (min-width: 769px) {
        .portfolio-title-holder .pt-column-title+.pt-filters {
            width: 100%;
        }
    }

    3— Sharp Thumbnails:

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though

    I added this PHP code:

    function kalium_portfolio_loop_thumbnail_size_original( $size ) {
    $size = 'original';
    return $size;
    }
    add_filter( 'kalium_portfolio_loop_thumbnail_size', 'kalium_portfolio_loop_thumbnail_size_original' );
    in the end of the functions.php file, and now the portfolio thumbnails are applying the original uploaded image (see video).


    Have a great day!

  • honorbangkok replied

    That's great! Problem solved. Thanks for that Ylli.

    I just noticed that there is a space between my thumbnails. Please see the attached file. Just wanted to know how the make them fit perfectly. 

    Or how can I re-positioning the images in the thumbnails? Maybe show images from the center of images itself.

    Or any suggestion on the actual dimension of the thumbnails that can fit the Masonry Layout perfectly?

    From what I can understand is that when we changed code in function.php 

    function kalium_portfolio_loop_thumbnail_size_original( $size ) {    $size = 'original';    return $size;
    }
    add_filter( 'kalium_portfolio_loop_thumbnail_size', 'kalium_portfolio_loop_thumbnail_size_original' );

    to show the original size of the image thumbnails, then it will show the actual size of the images I uploaded which images will be sharp. However, by taking this code off, it will resize image to fit the thumbnail and images will blurry instead. Do I understand this correctly? 

    What if I wanted to have a sharp images and fit in thumbnails every time I change the layout. Is this possible?

    Cheers,

    Yuttana 

  • [deleted] replied

    Hi Yuttana,

    That is happening because you are calling the original image sizes. If you remove the code that I gave you in my last ticket:

    (view large version)

    then it will solve this issue.

    Thanks!

  • honorbangkok replied

    Hi Ylli,

    I understand if I remove the code you gave it will solve the issue. However, if I remove it, all the thumbnail images will be blurry again thought. I just wanted to have a sharp image for the thumbnails and correct size of thumbnail that fit too. 

    Or even I can just position the sharp image from the center of the thumbnails that would be solve the issue.

    Hope you can help.

    Thanks,

    Yuttana

  • [deleted] replied

    Hi Yuttana,

    I will assign this ticket to another team member and you will receive a reply soon.

    P.S: If we delay your ticket a little bit please be patient because we are working in a new update of Kalium to make the theme compatible with Advanced Custom Fields 5.7.x Pro.

    Thanks for your understanding!