Jump to content

Archived

This topic is now archived and is closed to further replies.

janpeeters

Possible bug in Loops with short titles

Recommended Posts

janpeeters

When I have a one line title in Loops that has a smaller width than the thumb, the date follows right after the title instead of starting on the next line. The shortcodes for title and date are each on a new line. I would think that if you place the shortcodes on separate lines, title and date also should be on a new line each.

565d86a170748_ScreenShot2015-12-01at12.3

565d867f300da_ScreenShot2015-12-01at12.3

Share this post


Link to post
Share on other sites
chrisayers

Add the <br> <p> <div> codes to break it up more.

 

Share this post


Link to post
Share on other sites
Simon

the dat will be on the sdame line because the title is aligned left.. if you want the date under the title then give that align left too and yea use a br

Share this post


Link to post
Share on other sites
janpeeters

I didn't get it to work @Simon. Could you test this on your end?

I would also expect that if I don't use align="left" in the "Read more" link it would also be placed right after the last character of the excerpt. Like you mentioned when we we're talking about the date. Would be great to save space. 

Thanks, Jan

Screen Shot 2015-12-02 at 13.16.20.png

Screen Shot 2015-12-02 at 13.16.35.png

Share this post


Link to post
Share on other sites
Andrew

@janpeeters as simon said, if you align it left its gonna float left and cause this behavior.

Share this post


Link to post
Share on other sites
Danny

@janpeeters

Add the following to your custom CSS:

.clear {
    clear: both;
}

Then add the add the following code below any shortcode that uses the align attribute.

<div class="clear"></div>

For example:

[loops_media size="aspect-thumb"]
[loops_title align="left"]
<div class="clear"></div>
[loops_date align="left"]
<div class="clear"></div>
[loops_excerpt length="40"]
[loops_link]

This should resolve you issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
janpeeters
On 12/3/2015, 5:16:17, Andrew said:

@janpeeters as simon said, if you align it left its gonna float left and cause this behavior.

Hi @Andrew But have you seen that in the second version I entered a <br> after the left aligned title. I guess that if you enter a <br> The date should really be on the next line. or I must be really missing the point, if so sorry for that.

Thanks for your code @Danny That is really helpful in many other cases too!

Share this post


Link to post
Share on other sites

×