Height of text widget

Community Forums Forums Design Tips and Tricks Height of text widget

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  ACBellevue 8 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #52994

    ACBellevue
    Participant
    Post count: 28

    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
    #53030

    Derek
    Participant
    Post count: 46

    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

    #54247

    ACBellevue
    Participant
    Post count: 28

    Thank you, that fixed it!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.