WordPress.org

Ready to get started?Download WordPress

Forums

Post Tiles
[resolved] Post Tiles - Formatting Lists (5 posts)

  1. Patrick Kehoe
    Member
    Posted 1 year ago #

    This is a lovely plug in which I am going using on a website for a club.

    My problem is that it is to be used to post results of competitions in a list and I have tried several methods but I cannot format them to show correctly in tiles.

    e.g. an ordered list is squashed (no line breaks) when displayed in the tile

    Anybody else have this issue? Help would be appreciated

    http://wordpress.org/extend/plugins/post-tiles/

  2. W.P. Ginfo
    Member
    Posted 1 year ago #

    Hi Patrick Kehoe,
    Can you post the URL so we all can see what the problem is?

    Can you tell us what it is you would want to see.
    e.g.
    - the lists needs to be wider / narrower
    - the line-height bigger / smaller
    - the type is too bigger / smaller

    etc.

  3. ethanhackett
    Member
    Plugin Author

    Posted 1 year ago #

    Patrick,

    The plugin is using the get_the_excerpt() wordpress tag. That by default strips out the html tags from the post content. The reason being people put all kinds of html into their posts and you wouldn't want say an image getting cut off halfway through the html code if the excerpt length is too short.

    That being said you can maintain HTML by putting it into the Excerpt field on a post. When you're editing a post you should see a box for Excerpt. If you don't see it turn it on by going to the Screen Options tab at the top of the post. Make sure Excerpt is checked off.

    Then you can put the HTML code into the xcerpt and it will display it in the tile. For instance I put

    <ul>
    	<li>Thing One</li>
    	<li>Thing Two</li>
    	<li>Thing Three</li>
    </ul>

    Into the excerpt and it displays it inside of the tile.

    Post Tiles was never designed to have HTML inside of them so by default the plugin CSS will make your list items huge because they inherit their parent li styling (the tile). So you will need to add some additional CSS to your theme like this.

    ul#post-tiles li li {
    	width: auto;
    	height: auto;
    	display: block;
    	clear: both;
    }

    That should reset the styling in the list to look correct.

    I hope that helps. Please keep us posted on how things go.

  4. Patrick Kehoe
    Member
    Posted 1 year ago #

    Thanks for your replies.

    Ethan I tried to put an ordered list and an unorderd list in the excerpts and the result was that the Tile showed the Post Title and the first entry on the list. I then tried just typing a numbered list but this just gave me a paragraph on the tile.

    Eventually my brain engaged and I typed the list but added a <br> to both the post and excerpt and this achieved the desired result (It does however strip out any formatting spaces! Time to dust off my HTML).

    Again thanks for your plugin and reply

  5. ethanhackett
    Member
    Plugin Author

    Posted 1 year ago #

    I'm glad you enjoy the plugin.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic