How and Why to Add a Category Blog Layout (Video)

Follow

Comments

4 comments

  • Avatar
    Katherine Williams

    I love this new (well reasonably new) menu option, because it has tremendously simplified my ability to display our Executive Council in one page, without making it such a chore for me to update the page manually every year. I just have to create entries for each position and put them in the same category. It also makes it tremendously easier for me to archive one year's EC to the next, I just label my categories by year.

    But I did have one question. I have one leading article (our president) and then the rest are in two columns, arranged Across. This is the best format I've found, but the issue is that all the articles aren't of static length. For instance, some have both a phone and fax number on their 'cards', and others have only a phone number, some have longer titles -or work for schools with long names - which wrap into a second line, some of their work addresses are only 1 line while others are 2 or 3.

    Is there a setting which would align articles in the two columns, instead of them arranged haphazardly? I can add extra lines to compensate for some of it, but I can't control the size of their screen/browser, to compensate for wrapping lines. If I could just tell it to always start articles, which will be on parallel positions on the page, at the exact same vertical position, it would simplify things greatly.

    Thanks.

  • Avatar
    Gregory Foreman

    HI Katherine - There is not a setting that will automatically align the articles, but I may have a solution for you.  It'll require a little bit of work up front, but not too much.  In each "card"/article, use a table with a specified height - one that will accommodate the largest "card" displayed.  So let's say the largest one on the page is 250px tall... you would add the following code to each individual article/card:

    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td style="height: 250px;" align="left" valign="top">

    ** existing content goes here **

    </td>
    </tr>
    </tbody>
    </table>

    250px is simply an example, so it may or may not work for you.  You may have to play around a bit until you find just the right height.  When you're finished though, all of them will be the same size regardless of content.

  • Avatar
    Emma Goodgion

    Is there a way to add a blog to an email? Like you can with events?

  • Avatar
    Kate Dougherty

    Is there any way to expand the viewing window for the video?

Please sign in to leave a comment.