Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #807815
    Ryanbrown1987
    Participant

    Hey X-Theme,

    I have 3 questions about style and function of the blog Masonry Grid.

    1) How can I change the mouseover to show fully over the image and not just a lower third while displaying the title large in that square? (Currently, the mouseover makes a small lower third box appear with no title.

    2) Can I have a filterable blog post grid using the Masonry Option on the homepage such as the Masonry Grid for archives does where you can select categories? Currently you set it to Masonry and it only has the numbers below for going through past posts.

    3) Is there a way to have a title above the Masonry Grid on the Homepage that might say something like “Recent Posts” of something like that?

    Thank you!

    #807821
    Ryanbrown1987
    Participant
    #808110
    Zeshan
    Member

    Hi Ryan,

    Thanks for writing in!

    #1: As this is a custom development, that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

    So add following CSS code under Custom > CSS in the Customizer:

    .entry-cover:hover .h-entry-cover {
      top: 0;
      display: table;
      width: 100%;
      bottom: 0;
      padding-top: 41%;
      padding-bottom: 41%;
    }
    
    .entry-cover:hover .h-entry-cover span {
      display: block;
      color: #fff;
      display: table-cell;
      vertical-align: middle;
      max-width: 100%;
      text-overflow: clip;
      white-space: normal;
      line-height: 1.5;
    }
    

    #2: This is not possible for blog posts or categories. However you can enable “Filterable Index” under Ethos > Blog Options in the Customizer to achieve similar. But the styling and functionality may not be exactly as the portfolio filter. If you want to achieve that, it could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    #3: Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding. Take care!

    #816160
    Ryanbrown1987
    Participant

    Hi there, I understand about the customizing and exceeding the scope of your support, I’m also concerned though that the pop up for the masonry grid doesn’t show any information at all like the title of the post and I know it’s supposed to, so am I at least able to fix this?

    Thanks!

    #816222
    Rad
    Moderator

    Hi Ryan,

    Which stack? Your blog is currently set to ethos stack with the standard layout. I don’t see any page that has masonry.

    And each masonry could have different feature per stack, which may not available from other stacks. Ethos masonry should only have the title, as overlay element of the featured image. If it’s not displaying, then please provide the page that has this masonry.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-807815 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>