Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1007622
    cwallace
    Participant

    Greetings…

    I’m not sure exactly what happened and when, but I recently noticed that a large gap had appeared quite mysteriously above and below each entry when using the [recent_posts] shortcode. I finally had some time to track it down and it turned out to be the font-size setting on .recent-post2, .recent-post3 and .recent-post4. When I set it to zero, the huge gaps went away. We certainly haven’t made any changes to integrity-light.css, and our custom css hasn’t changed in over a year. So, this is quite a mystery! I just can’t imagine how a tag so specific would have suddenly changed. Anyway, I thought I’d pass this along in case anyone else encounters exceptionally tall recent_post entries. The solution was as follows:

    .recent-post2, .recent-post3, .recent-post4 {
    font-size: 0;
    }

    Best regards,
    Chris

    #1007668
    Thai
    Moderator

    Hi Chris,

    Please provide us with your website URL so we can take a closer look.

    Thank you.

    #1009445
    cwallace
    Participant

    Well, I guess I should have done that first, but since the problem is now solved, it’s probably not worth worrying about. When the next X update goes out, I’ll try removing those CSS definitions and see what happens.

    In the meantime, I’d appreciate your thoughts on something. The boss kinda threw me a zinger this morning. He’s asked me to come up with a custom page template that will display our HTML email templates without the theme getting in the way. The only way I can see to do this would be to create a custom post type, assign a template to it (all standard WP stuff) but then dequeue X’s CSS either in the page template itself or perhaps as a pre-post display filter. Any thoughts on this?

    Thanks…
    Chris

    #1009614
    Rupok
    Member

    Hi Chris,

    You can try a blank template to output your HTML in a page. As long you are not using any X element or content the style won’t be applied. So no need of dequeue X’s CSS.

    Hope this makes sense.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1007622 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>