Title: CSS Boxes overflowing
Last modified: August 31, 2016

---

# CSS Boxes overflowing

 *  [Dvana](https://wordpress.org/support/users/dvana/)
 * (@dvana)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-boxes-overflowing/)
 * Hi there,
 * First off, this is my favorite timeline plugin I’ve tried out so far. Super easy
   to use and lightweight. I love it.
 * In the example short code provided, I’m getting container overflows on the “13th
   cool” example.
 * It looks like it’s using the same max-height on both the parent div and the paragraph
   without accounting for the space that the title uses. It’s also not allowing 
   the box to scroll.
 * I might take a swing at fixing this myself, but is there an easy fix I’m missing?
   Thanks!
 * [https://wordpress.org/plugins/csstimeline/](https://wordpress.org/plugins/csstimeline/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [Dvana](https://wordpress.org/support/users/dvana/)
 * (@dvana)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-boxes-overflowing/#post-7159995)
 * For the curious, I have temporarily fixed this to my satisfaction with some additional
   css and a tweak to the php file:
 * I changed this:
 * `$output .= "<div class='content'><p>" . do_shortcode($content) . "</p></div>";`
 * to this:
 * `$output .= "<div class='content'><div class='content_body'><p>" . do_shortcode(
   $content) . "</p></div></div>";`
 * Which will accommodate multiple paragraphs in the longer explanation text.
 * Then I added this css to the post:
 *     ```
       .content_body {
           max-height: 170px;
           overflow-y: auto;
       }
       .radio:checked ~ .content {
       max-height:240px;
       }
       ```
   
 * This tweaks the box size a little and adds scrolling to content text that goes
   past the original limit.
 *  Thread Starter [Dvana](https://wordpress.org/support/users/dvana/)
 * (@dvana)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-boxes-overflowing/#post-7160014)
 * Hmm, strike that. This css is needed as well to keep the paragraphs from being
   clipped:
 *     ```
       .content_body {
           max-height: 170px;
           overflow-y: auto;
       }
       .radio:checked ~ .content {
       max-height:240px;
       }
       .radio:checked ~ .content p{
       max-height: none;
       }
       ```
   
 *  Plugin Author [poetaster](https://wordpress.org/support/users/poetaster/)
 * (@poetaster)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-boxes-overflowing/#post-7160416)
 * Thanks for th tips. I’d only used this in one concrete site where additional 
   css came to play. I’ll try to adapt your changes in the coming release.
 *  Plugin Author [poetaster](https://wordpress.org/support/users/poetaster/)
 * (@poetaster)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-boxes-overflowing/#post-7160417)
 * added to the latest release. 1.0.2

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS Boxes overflowing’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/csstimeline.svg)
 * [csstimeline](https://wordpress.org/plugins/csstimeline/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/csstimeline/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/csstimeline/)
 * [Active Topics](https://wordpress.org/support/plugin/csstimeline/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/csstimeline/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/csstimeline/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [poetaster](https://wordpress.org/support/users/poetaster/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/css-boxes-overflowing/#post-7160417)
 * Status: not resolved