display issues

Looks like a compatibility problem.

Try disabling all other plugins for a second and see if it works then.
If not, try switching to a default theme (like Twenty Seventeen) and check again.

Kind regards,
Brecht

Thank you for your answer. Sorry I hadn’t been notified that you had replied.

So I’ve tried disabling all the plugins with no success. The problem persisted.

I don’t think it is a compatibility issue with my them because it is the all-famous Genesis which I’m sure you’ve made your plugin compatible with.

What else could it be causing this behavior?

Thanks!

It really is most likely a compatibility problem. Try switching to a default theme (like Twenty Seventeen) for a second.

Brecht

I have and it works indeed. But that gives me very little insight on what is going on because virtually every single plugin in the world does work with twenty-seventeen.

So, do you think the Genesis Framework is not compatible with your plugin? Is there something I can do to make it compatible?

Thanks!

One thing at a time. Now we know where the problem is and I can look into things. If you upload a zip file of your parent and child theme over here I can do some testing:
https://dbinbox.com/bootstrappedventures

Brecht

Thank you Brecht! Just sent them ??

Do have the problem with the “CoinAfrique” child theme only or also when using the Genesis parent theme directly?

Brecht

Only with the child theme.

Will then it’s not a problem with Genesis.

I seem to be having trouble getting that child theme to work correctly. Could you check with those child theme developers if they include some grid feature of their own perhaps?

Brecht

Hi Brecht,

I have created the child-theme myself.

It doesn’t have anything too fancy in it.

Just some CSS styling and also a couple of JavaScript files that I’ve enqueued via functions.php following the good enqueuing practices

But those JavaScript files have nothing to do with grids.

Do you think that something on my functions.php file looks like it could be causing the conflict?

I’d test by removing parts of the file and see if it works then.

Do you have the same problem when using one of our default templates and not the custom coded one?

No. The problem disappears with a default template!

Can you tell me if you see something weird in my template?

I copy and paste here:

function wpupg_custom_template( $output, $template, $post, $classes ) {
ob_start();
?>

<div id=”wpupg-container-post-<?php echo $post->ID; ?>” data-id=”<?php echo $post->ID; ?>” data-permalink=”<?php echo get_post_permalink( $post->ID ); ?>” class=”<?php echo implode( ‘ ‘, $classes ); ?>”>
<div class=”pi-image”>ID ); ?>”>
</div>
<div class=”pi-content”>
<div class=”pi-title”><?php echo get_the_title( $post->ID ); ?></div>
<div class=”pi-dateandcat”><span class=”pi-date”><?php echo $post->post_date; ?></span> / <span class=”pi-cat”><?php $category_detail=get_the_category( $post->ID );
foreach($category_detail as $cd){
echo $cd->cat_name;} ?></span></div>
<div class=”pi-excerpt”><?php echo $post->post_excerpt; ?>…</div>
</div>
</div>

<?php
$output = ob_get_contents();
ob_end_clean();

return $output;
}
add_filter( ‘wpupg_output_grid_html’, ‘wpupg_custom_template’, 10, 4 );

I don’t see any immediate issues with that. Maybe with the CSS you’re adding?

I’d just test by removing parts of the template/CSS until you find what’s conflicting.

Brecht

The CSS was fine after all. I tried removing all the CSS styles and the problem persisted.

So I decided to give a try at the custom template to see if some of its parts was causing the conflict.

And indeed one line was causing it.

This one:
<div class=”pi-excerpt”><?php echo $post->post_excerpt; ?>…</div>

For some reason echoing the excerpt makes the whole thing go crazy. All the other echoings work just fine when this line is not present but the moment this line is present in the custom template the layout gets distorted.

Is there a better way to call “the excerpt”. I mean a way to call it that doesn’t create this conflict?

Thank you!

I don’t really see a problem with accessing the excerpt like that. Maybe try escaping it before outputting using esc_html()

Brecht