• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Height of text widget

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Height of text widget

This topic is: resolved
  • This topic has 2 replies, 2 voices, and was last updated 12 years, 6 months ago by ACBellevue.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 28, 2013 at 1:51 pm #52994
    ACBellevue
    Member

    Hello,

    I was wondering if there is a way to set a standard height for the text widgets? ie, make each text widget 300 pixels in height? Thanks,

    Owen

    http://www.assumptionchurch.org
    July 28, 2013 at 11:11 pm #53030
    Derek
    Member

    You can force the text widgets to be a min- and max-height via the CSS:

    .widget_text {
        background-color: #CCCCCC;
        max-height: 300px;
        min-height: 300px;
        overflow: hidden;
    }

    Of course, you'll find then that you are stuck with those heights even the content wants more space, therefore cutting off content.

    You will also want to specify which .widget_text DIVs you want to set the height by targeting it via the parent-level DIV. For example, if you only want to alter the text widgets at the bottom of the homepage, you'll need to do:

    #home-sections .widget_text {
        background-color: #CCCCCC;
        max-height: 300px;
        min-height: 300px;
        overflow: hidden;
    }

    Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
    Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

    August 5, 2013 at 10:27 am #54247
    ACBellevue
    Member

    Thank you, that fixed it!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble