The Problem

The title banner is the stripe across the interior pages of our eCommerce/Business themes and some blogs and looks like this:

headettitle_demo

You may wish to make this area narrower or less tall depending on your chosen title font and overall look of your site.

The Solution

  1. Go to Theme Options and click General
  2. Locate the Custom Styling section and enter the following into the Custom CSS box
.title-block {
    padding: 60px 20px;
}
The first number (60px) is the one you must change to adjust the height. Try changing it to 40px and click Save Changes.
We do not recommend you adjust the second number, which is there to keep everything in line with the rest of the page content.


WooCommerce