Support Has Moved!

Please post all new questions on the new support system

Before posting a discussion topic, be sure to check out our Forum Rules and Support Policy.

Get design feedback and approval with our newest WordPress plugin, ProjectHuddle. Check it out →

Latest Struck Version is 1.06

Latest GridStack Version is 1.1

Latest Edition Version is 1.6

Latest District Version is 1.2.6

Latest ExtraNews Version is 1.4.9

Latest Aware Version is 1.4

Latest BigFormat Version is 1.4

Latest Bookcase Version is 1.54

Latest Ellipsis Version is 1.5

Post shortcode cutting off / not showing titles

LucvanLoon's Avatar

LucvanLoon

13 Sep, 2015 10:27 AM

Hi,

I'm having trouble letting the post shortcode load products correctly in a product page. I've currently put them all in sections like this:

<h3><a href="http://d-lt.nl/downlighters/">Downlighters</a></h3>
[posts number="999" category="downlighters" content="no" title="" type="post"][/posts]
<hr />

Live link: http://d-lt.nl/producten/

Via inspect element I can see the titles is in the HTML but it's cut off by the next category of products. Also, this doesn't always happen but it's inconsistent. Which makes it hard for me to debug or fix with some css myself.

Kind regards,

Luc

  1. 1 Posted by Eric Schmidt on 13 Sep, 2015 02:51 PM

    Eric Schmidt's Avatar

    Hi,

    The isotope script to layout the posts is probably firing before your images finish. Try adding this custom css into your theme options to set a min-height so it's accounted for...

    @media all and (min-width: 960px) {
    .isotopcontainer .one_fourth .thumblink {
    min-height: 128px
    }
    }
    

    Eric

  2. 2 Posted by LucvanLoon on 13 Sep, 2015 07:44 PM

    LucvanLoon's Avatar

    Hi Eric,

    Sadly this didn't fix the issue. It created another issue where sometimes images won't show until I hover of them. I've cleared my cache by the way.

    Maybe we should look into another way of showing products. What do you think might be better?

  3. 3 Posted by Eric Schmidt on 14 Sep, 2015 02:24 PM

    Eric Schmidt's Avatar

    Hi,

    I just noticed a typo in that code. Try this instead...

    @media all and (min-width: 960px) {
    .isotopecontainer .one_fourth .thumblink {
    min-height: 128px
    }
    }
    

    Eric

  4. 4 Posted by LucvanLoon on 14 Sep, 2015 05:53 PM

    LucvanLoon's Avatar

    Ah yes, isotope. I should have noticed this myself too haha!

    This does indeed solve the problem.

    Thank you kindly for the quick and useful responses!

  5. Eric Schmidt closed this discussion on 14 Sep, 2015 09:25 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac