Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1272260
    cowrhl
    Participant

    Hello! Love the X theme so far, but it’s a steep learning curve for a code illiterate person like myself.

    I’m using Ethos, and using masonry for my homepage. The titles of my posts are a little lengthy and don’t show fully on the homepage. Something like “Top 5 Places for Cheap Drinks in _______” will appear as “Top 5 Places for Cheap Dri….”

    Is it possible to have the masonry format allow for more words? Or is there a way to make the font sizes smaller to allow for more words?

    Thanks!

    #1272273
    Rupok
    Member

    Hi there,

    It should show the full title as you see one of our demo – http://demo.theme.co/integrity-1/blog/

    Would you provide your URL so that we ca have a look?

    Thanks!

    #1272304
    cowrhl
    Participant
    This reply has been marked as private.
    #1272311
    Rupok
    Member

    Hi there,

    Thanks for writing back. It seems you are using Ethos and it’s a different thing. Let’s add this under Custom > CSS in the Customizer.

    .h-entry-cover > span {
      display: block;
      overflow: visible;
      text-overflow: unset;
      white-space: unset;
    }

    Cheers!

    #1272319
    cowrhl
    Participant

    Thanks, it works! It sort of leaves this awkward gap as it doesn’t centralize though. Is there a way I can vertically centralise it? Thanks!

    #1272462
    Rue Nel
    Moderator

    Hello There,

    The text is no longer vertically align because it already exceeded the allowable height. If you want you can add more height to it. Please have the css code updated and use this instead:

    .h-entry-cover > span {
      display: block;
      overflow: visible;
      text-overflow: unset;
      white-space: unset;
    }
    
    .h-entry-cover{
        top: calc(100% - 5em);
    }

    Please let us know if this works out for you.

    #1272799
    cowrhl
    Participant

    It’s good! I played around with the headings weight font further and it looks pretty natural.

    Thanks!

    #1272806
    Christopher
    Moderator

    You’re welcome.

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