Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #879683
    Blupace
    Participant

    http://blupace.com/blog-2
    Wordpress: 4.4.2
    X Version: 4.3.4
    Cornerstone: 1.1.3

    I have a few questions regarding “The Grid” plugin.

    I would like all of the post title to be capitalised, can this be done through code, or do I need to do this on each post?

    Also I need to force the post title to cover 2 lines.

    For the excerpt I would like the length of all of these to be the same, so that the grid stays aligned. I have set 20 in my themes Blog setting but this has not helped.

    On some of my Grid entries there are strange box next to the Read More button.

    Finally, is it possible to remove the categories from under the grid posts.

    Any help gratefully appreciated..

    Regards,

    Pace

    #880137
    Jack
    Keymaster

    Hi there Pace,

    Thanks for writing in.

    For the Grid title, you can use the following custom css to force the grid to show all characters in the title as uppercase:

    h2.tg-item-title {
        text-transform: uppercase;
    }
    
    

    Or if you just want to show the first letter of each word as a capital you can use:

    h2.tg-item-title {
        text-transform: capitalize;
    }
    
    

    For the post title across two lines, all your posts I saw on the grid were across two lines, do you have a mockup of how you want this to look? It could be forced with padding, but ideally you’d need to create a custom grid skin: http://theme-one.com/docs/the-grid/#!/developer_guide so you can control the output in a more granular way. This would also be the same for the excerpt, as out the box there is no way to change the excerpt length that the grid uses unfortunately.

    Thank you!

    #883930
    Blupace
    Participant

    Thank you kindly, one more question… The bog title currently splits word with a – You can see this in the blog post for “decoding human social connections” which not looks like this.

    Please see attached.

    Here you can also see the strange box that appears next to the read more.

    Regards,

    Pace

    #884610
    Jade
    Moderator

    Hi Pace,

    Please try to add this CSS:

    .tg-item .tg-cats-holder *, 
    .tg-item .tg-item-excerpt, 
    .tg-item .tg-item-title, 
    .tg-item .tg-item-title a {
        word-wrap: inherit !important;
    }

    Hope this helps.

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