[resolved] Front page widget area heights (3 posts)

  1. ozzwald
    Posted 2 years ago #

    How do I make all 4 Front page widget text boxes the same height?

    I have tried using breaks and extra lines, but they do not match up.

    Also, where is the code for the size of the title for the Front page widget text boxes? They are set to H1 at the moment, but I would like to change to H2

  2. hilldw11
    Posted 2 years ago #

    I'm not sure about fixing the size of the front page widget areas...here is the link about the boxes that is included in the theme css. http://www.paulirish.com/2012/box-sizing-border-box-ftw/

    For the heading size I would do this as its less work than modifying the css.

    Remove your text from the title line of the text widget. At the very top of content box below the title line type the following:
    <h2>Your Text Here</h2>

    I tested it on my page and it went into the same place as the text in the title.

  3. Anthony Hortin
    Theme Author

    Posted 2 years ago #

    To make the homepage widget areas all the same size, you could use something like this...

    .home #secondary .widget {
        height: 270px;

    If you want to change the size of the titles used in any of the widget areas, you'll need to make a change within functions.php. Search for the function "quark_widgets_init". This is where all the widgets are registered. When each widget area is registered, it also specifies what html to use for the title (eg. h1, h2, h3 etc.).

    Alternatively, you could simply add some css to reduce to size that the header displays, on the homepage.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic