Title background full width?

Is there a way to make the title text full width? You will see the example url below, the brown background behind the title, stops.

http://brandedarrowsalon-com.ntc6-p2stl.ezhostingserver.com/services-pricing/

Thanks,

Hello there,

To accomplish it, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function( $ ) {
    	'use strict';

      var forceFullBlock = function () {

        var fullContainer = $('body');
        var elemSelector  = $('.page-template-page_single-header-wide .entry-header');

        if( elemSelector.length ) {

          elemSelector.each( function () {

            var type       = $(this).data('block-type');
            var leftSpace  = $(this).offset().left - fullContainer.offset().left;
            var rightSpace = fullContainer.outerWidth() - leftSpace - $(this).parent().outerWidth();

            $(this).css( {
      				'margin-left': - leftSpace,
      				'margin-right': - rightSpace,
      				'padding-left': type === 'expand-content' ? 0 : leftSpace,
      				'padding-right': type === 'expand-content' ? 0 : rightSpace
      			});

          });

        }

      }

      forceFullBlock();
      $( window ).on( 'resize', forceFullBlock() );
      forceFullBlock();

    })( jQuery );
  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .page-template-page_single-header-wide .entry-header {
      background-color: #6f5551;
    }

Regards,
Kharis

AWESOME!! That worked great!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis