Front page widget area heights

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. https://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.

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.