title: How to Change Pivot Header Template in Windows Phone 8
body: <p>I would like to be able to change the background of the Pivot Headers and Application Title in Windows Phone 8. From what I gather, I must create a custom style targeting the Pivot control. I am not sure, however, to change the background of only the headers?</p>
  
  <p>I would like to adjust the style somehow</p>
  
  <pre><code>&lt;Style x:Key="MyPivotStyle" TargetType="phone:Pivot"&gt;
  &lt;Setter Property="Template"&gt;
      &lt;Setter.Value&gt;
          &lt;ControlTemplate TargetType="phone:Pivot"&gt;
              &lt;Grid&gt;
                  &lt;Grid.RowDefinitions&gt;
                      &lt;RowDefinition Height="Auto"/&gt;
                      &lt;RowDefinition Height="Auto"/&gt;
                      &lt;RowDefinition Height="*"/&gt;
                  &lt;/Grid.RowDefinitions&gt;
                  &lt;Grid CacheMode="BitmapCache" Grid.RowSpan="2"&gt;
                      &lt;Grid.Background&gt;
                          &lt;ImageBrush ImageSource="/Assets/bg_header.png"/&gt;
                      &lt;/Grid.Background&gt;
                  &lt;/Grid&gt;
                  &lt;Grid Background="{TemplateBinding Background}" CacheMode="BitmapCache" Grid.Row="2" /&gt;
                  &lt;ContentPresenter ContentTemplate="{TemplateBinding TitleTemplate}" Margin="24,17,0,-7"&gt;
                      &lt;StackPanel Orientation="Horizontal"&gt;
                          &lt;Image Source="/Assets/company_name.png" Width="213.75" HorizontalAlignment="Left" VerticalAlignment="Top" /&gt;
                          &lt;Button HorizontalAlignment="Right" VerticalAlignment="Top" Margin="140,-20,0,35" BorderThickness="0" x:Name="btnHome"&gt;
                              &lt;Image Source="/Assets/btnHome.png" Width="48" Height="48" &gt;&lt;/Image&gt;
                          &lt;/Button&gt;
                      &lt;/StackPanel&gt;
                  &lt;/ContentPresenter&gt;
                  &lt;controlsPrimitives:PivotHeadersControl x:Name="HeadersListElement" Foreground="White"  Grid.Row="1"/&gt;
                  &lt;ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}" Grid.Row="2"/&gt;
              &lt;/Grid&gt;
          &lt;/ControlTemplate&gt;
      &lt;/Setter.Value&gt;
  &lt;/Setter&gt;
  </code></pre>
  
  <p></p>