Okay
  Public Ticket #865449
portfolio, masonry
Closed

Comments

  • Peter started the conversation

    Hello,

    I have this portfolio page: http://www.bruud.nl/dummy/ that will not show the pictures from 10 to 45. It always starts with 45 instead of 10, 11, 12 and so on. No matter what I do. I've tried custom query: with or without tag, ascending, descending, make masonry rows, sort list on date, etc. but It always starts with 49. Can you help me? Thank you in advance.

  • [deleted] replied

    Hi Peter,

    This is how Wordpress arranges them by date of creation.

    You can change the ordering of Portfolio Items easily by using the Post Types Order plugin, install and activate it, manage the ordering easily by dragging the titles of the items and don’t forget to Save all changes.

    Please don't forget to go to Settings > Post Types Order > and activate Auto Sort option 

     

    (view large version)

    Also if you want those changes to take effect on portfolios that you have called with Visual Composer then you need to do this:

     

    (view large version)

  • Peter replied

    Hi Ylli,

    Thanks again, this works. But The custom query for this page will not be read. He loads ALL portfolio-items in this page. While the custom query options works perfect for the ARCHIVE (http://www.bruud.nl/archive) and WORKS page (http://www.bruud.nl/works).

    Kind regards,

  •  1,558
    Laborator replied

    Hi Peter,

    That's really strange, can you please send us your WordPress username and password? We need to investigate your site and then get back to you if we have a possible solution.

    Make sure to choose Private Reply when you send us sensitive informations!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Peter replied privately
  •  1,558
    Laborator replied

    Hi Peter,

    You can either use Custom Query or Masonry Mode as if you use them together they won't have any effect, as you can see from the Masonry Items selection there you can select what to show or what not so it's like a Custom Query inside it.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Peter replied

    Hi Art,

    have you logged in with the account I set up for you?

    Because Custom Query was already switched of, it's only Masonry mode that's elected and still it also adds the other projects at the end.

    Could you please look again?

    Peter

  •  1,558
    Laborator replied

    Hi Peter,

    Sorry for the delay of the answer, as we were on holidays break and support team was partly active. Now we are back and able to help with any issue.

    Are you still having problems with this page because as I see it is showing fine, here is how I see it now:

    http://drops.laborator.co/1e14m

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Peter replied

    Hi Art, Thanks for coming back to me. For you it looks good but the thing is. On the bottom of the page he throws in the projects that are featured on the 'works' page. I never selected them but he throws them in anyway. Can you help me get them out of the Dummy page?

    Thank you

  •  1,558
    Laborator replied

    Hi Peter,

    We checked this issue together with the developer and we need your FTP credentials  to see what the real issue is.

    Can you please send us your FTP username and password? We need to investigate your site and then get back to you if we have a possible solution.

    Make sure to choose Private Reply when you send us sensitive informations!


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Peter replied privately
  • [deleted] replied

    Hi Peter,

    I saw that you were using 1.9.3 and I've firstly updated Kalium to v1.9.4.1 so it fixed the issue. For your instance I've saved the backup of the theme in wp-content/kalium-backup-193/


  • Peter replied

    Hi Arlind,

    Thanks for that. I put back all the files I had changed by ftp, and everything came back the way I had it. 

    But two things:

    - The page Dummy is set on 'masonry mode', and Thumbnails are set on dynamic, but somehow it will not show it in masonry lay out.. I know I can change the thumbnail size like 4 col small and 4 col medium, but before that wasn't necessary; it just used the size of the original image to maken a thumbnail, and therefore it was truly masonry. Can you help me get that back.

    - and the icons in the footer and the 'back to top' aren't showing. Please help.

    thank you very much!

  • [deleted] replied

    Hi Peter,

    1. The page Dummy is actually showing proportional thumbnails. The layout you are using in Dummy page can be achieved without "Masonry" layout , for you I have created this example page:

    http://www.bruud.nl/dummy-proportional-thumbs/

    2. You need to update Kalium to latest version (assets/css/main.css) and the icons will be shown, due to changes we have made in the last update.

  • Peter replied

    Hi Arlind,

    1. This worked, thank you, but workED, I've updated to the newest version of Kalium today and it's wrong again. I would like the "WORKS" page to be as is and 'DUMMY' to be masonry with the titles inside. Options says this possible but no matter what settings, I can't get it done. Is it possible you help me fix this (before) tomorrow, deadline's coming.

    The white space between de first and the second row of projects seems to have increased as well.. What snippet of code do I use to lessen this?

    2. This works, thank you.

    I have one more question:

    3. Is it possible that you provide me a way to make the header of the site and the menu look like this > see attachment.
    (I know it's not within the current options of the theme, but It would be of great help!)

    Thank you, 

    Peter


  • [deleted] replied

    Hi Peter,

    Sorry for the delay of reply, yesterday we have had issues with our support system as the provider Ticksy.com was doing updates in their platform.

    1. I have applied the fix for this in your website bruud.nl, and if you need it for the other site nowsimply replace this file (the fix will be available in the next update):

    Download this file and replace it in this directory (of the theme): /inc

    3. Sure, here is the CSS code:

    .main-header .logo-and-menu-container {
    display: block;
    }

    .main-header .logo-and-menu-container .logo-column,
    .main-header .logo-and-menu-container .menu-column {
    display: block;
    }

    .main-header .logo-and-menu-container .menu-column {
    margin-top: 20px;
    }

    .main-header .logo-and-menu-container .menu-column,
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu {
    text-align: center;
    }

    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li,
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li {
    display: inline-block !important;
    font-weight: bold;
    }

    The result will be:


    (view large version)

  • Peter replied

    Hi Arlind,

    Thank you so much, that's some awesome support here! Works perfect!

    One little question: If I want to change the font-size of the menu items now, how can I do that? adding "font-size: 40px;" to your provided code does;t do the trick.

    Once again: great help!

    Peter

  • [deleted] replied

    Hi Peter,

    To increase the size of Menu font add the following custom CSS:

    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a,
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a {
        font-size: 40px;
    }
  • Peter replied

    Arlind,
    Thank you very much, perfect!!

    Something else. Sometimes the homepage is all messed up. Users of the website see something similar to the attached picture: lets' work together, wanna join our team and search and stuff. Can you help me to make sure no user will ever see this 'crashed' homepage again?

    Thank you very much i.a.!!

  • [deleted] replied

    Hi Peter,

    That is happening because you are using an very old version of Safari on your mac, the latest version of Safari is 10.0.


    (view large version)

    Will set this ticket as solved from here.

  • Peter replied

    Hi Arlind,

    Sorry for the late reply. Thank you for your support once again. Yeah, I thought an old browser version was the case, thanks.

    Can you help me with another small issue? For a new site I'm also using Kalium Theme and I wonder if it's possible to make sure the images in this page don't link to a new window, but only show the mouse over, so that they're non-clickable (on this page only):

    http://www.outoftheboxconsulting.nl/inspiration/

    Thans you in advance,

    Peter

  • [deleted] replied

    Hi Peter,

    Sure, that can be achieved with Custom JS. Here is what you need to do:

    Add this JavaScript code in Theme Options > Footer > JavaScript & Tracking Code > Footer JavaScript:

    jQuery( document ).ready( function() {
    if ( jQuery( 'body' ).hasClass( 'page-id-15' ) ) {
    jQuery( 'body' ).off( 'click', '[data-portfolio-item-id] .thumb' );
    jQuery( '[data-portfolio-item-id] a' ).on( 'click', function(){
    return false;
    } );
    } } );

  • Peter replied

    Thanks for the awesomely quick reply. Sorry to say this doesn't do the trick..

  • [deleted] replied

    Hi Peter,

    I've added another modified version of JS to fix this, it is working on my side, see here in this video:

    http://drops.laborator.co/PwGt

    I hope this time it will work for you.

  • Peter replied

    HI Arlind,

    I've copied your new js code from the bruud.nl site and applied it to the out-of-the-box site, but it still doesn't work on my side (safari). Strangely enough, I see it works for you. What could this be? Anyway, I'm thankful if you gibe it another try, but I can also understand if you want to close the ticket.

    Kind regards,

    Peter

  • [deleted] replied

    Hi Peter,

    Is it possible for you to send me the login of 

    http://outoftheboxconsulting.nl

    So I will check there why the code is not working.

  •   Peter replied privately
  • [deleted] replied

    Hi Peter,

    I've corrected the code and now links are not clickable for those portfolio items:

    function disableHoverEffect() {
    if ( jQuery( 'body' ).hasClass( 'page-id-15' ) ) {

    jQuery( 'body' ).off( 'click', '[data-portfolio-item-id] .thumb' );

    jQuery( '[data-portfolio-item-id] a' ).on( 'click', function() {
    return false;
    } );
    }
    }

    jQuery( window ).load( disableHoverEffect );
    setTimeout( disableHoverEffect, 300 );
  • Peter replied

    a w e s o m e !

    Thanksalot

  • [deleted] replied

    Glad to hear that Peter.

    Have a great day there.