Widget Height

[SamV]

Hey Bill,

The homepage widgets on the site I’m working don’t seem to expand when it comes to using the Twitter Timeline (Jetpack) widget or the plain text widget when I opt to use the Twitter embed code instead. Any ideas why this might be? At the moment I have it set to 350px height but if I increase it, rather than extending the height of the widget, the content overflows to behind the Attention widget.

Cheers,
Sam

[Bill Robbins]

Hello Sam,

You’ll probably have to set a minimum height there via CSS. The layout of the home page widget will already be set before the timeline loads. But by adding a height we can reserve the space for the widget. Here’s how:

1. Go to the Appearance section in your WordPress dashboard and click on Customize.
2. Look down for the advanced section and click on it. Then choose Custom CSS.
3. In the box there, add this:

   
   #home-widgets .widget_twitter_timeline {
   	min-height: 420px;
   }
   

4. Save your changes.

If you need more or less space, change the 420px in the snippet to a number that works better for you.

Let me know how it goes,
Bill

[SamV]

Cheers Bill!

[Bill Robbins]

Let me know if you need anything else Sam.

[Author]

Posts