Okay
  Public Ticket #1546867
Blurry pictures full screen portfolio
Closed

Comments

  •  4
    jennylelong started the conversation

    Hi,

    I purchased Kalium which is very complete (but a bit complicated as there are so many options) to do a portfolio.

    I choose to do a columned portfolio projects with full screen pictures :

    - I got a Full-width Featured Image above the post title, high res,

    - Then I have a portfolio gallery with full width pictures.

    Everything is blurred like it's low resolution even if I got 1920x1080 pictures with 72 or 300 dpi.

    Meanwhile, I tried the same featured image on the home page but as a slider revolution, that was first blurry as well but I changed the parameters in the slider revolution so it's high res.

    You can see the difference here, I used the same picture : 

    The slider revolution on home page : 

    The same picture as a featured image on one of my portfolio project :

    I do my portfolio in local, nothing is online because I wanted to be sure that basics are perfect before doing the other projects. That's why you can't have access to my WP :(

    Thank you in advance,

  • [deleted] replied

    Dear jennylelong,

    Thank you for your kind words! Yes, indeed Kalium has many options, this can be quite confusing in the beginning however as you get used to Kalium you'll find them very meaningful and useful at the same time you wonder that every option is necessary.

    As for High res images in portfolio I understand the case here, I can give you this code to show full width featured image in columned portfolio featured image:

    // Show high res featured image for columned portfolio item type
    function kalium_single_portfolio_gallery_image_high_res( $size ) {

    if ( 'type-2' == kalium()->acf->get_field( 'item_type' ) ) {
    return 'original';
    }

    return $size;
    }

    add_filter( 'kalium_single_portfolio_gallery_image', 'kalium_single_portfolio_gallery_image_high_res' );
    Please let me know if this works for you.

  •  4
    jennylelong replied

    Hi Arlind,

    Thank you for your answer.

    I am not at all into coding stuff so where do I put this code? In the Custom CSS General Style?

    Also I just copied paste the exact code but I guess I have to change some things as I saw nothing works? ^^'

    If you can write me an example by changing the data? so i can see the difference
    I'm completely lost

    Thank you in advance

  • [deleted] replied

    Hi jennylelong,

    The code should be added "functions.php" in the end of file:


    (view large version)

    I hope this will work for you. 

    If it still doesn't work when you add it in wp-content/themes/kalium/functions.php then I can check this issue when your site goes online. Also don't forget to remove this code from Custom CSS as it causes other custom styles to not work.

  •  4
    jennylelong replied

    Hi Arlind,

    it totally worked!!!

    Thank you so much !!! 

  • [deleted] replied

    Glad to hear that

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab.

    A huge thank you from Laborator in advance and have a great day!

    Will set this ticket as solved from here.