• Resolved Patrick Kehoe

    (@patrick-kehoe)


    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

    https://www.ads-software.com/extend/plugins/post-tiles/

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    Plugin Author ethanhackett

    (@ethanhackett)

    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.

    Thread Starter Patrick Kehoe

    (@patrick-kehoe)

    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

    Plugin Author ethanhackett

    (@ethanhackett)

    I’m glad you enjoy the plugin.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Post Tiles – Formatting Lists’ is closed to new replies.