How to put page-title inside of my content's first panel?

Question

Using a custom theme, pretty basic (so far):

<section id="content">
    <?php if ($title): ?>
        <h1 class="title" id="page-title">
            <?php print $title; ?>
        </h1>
    <?php endif; ?>

    <?php if ($tabs): ?>
        <div class="tabs">
            <?php print render($tabs); ?>
        </div>
    <?php endif; ?>

    <?php print render($page['content']) ?>
</section>  

That standalone <h1 class="title" id="page-title"> is the problem, though. I want it to appear inside the first panel of content (I'm using Panopoly), but since all the panels are generated by render($page['content']), it's not clear to me how I should do this.

My first solution was to use CSS, positioning the title relatively and adding some padding to the first panel to give it room. However, this only works as long as the title is one line of text. So a pure CSS solution appears to be out.

Answer 1

Given the theme's use of Panels, I would suggest looking into the default panels it uses and whether or not the title field can be manipulated in that way, so that the title could be placed in any given section you want.

EDIT from OP

"Just so. For future readers: I accessed Panopoly > Pages under the admin menu to alter the default page templates. Then for the generic Content Page, set "Title type" to "No title" and edit the settings for the content panel to "Override title" as "%node:title", "h1"."