Add a third line of text above buttons on header

Hello there,

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'

  if( $('.slide-inner.text-slider-stopped').length ) {

    var extraText = 'Third line text goes here.';

    $('.slide-inner.text-slider-stopped').find('.text-slider').append('<p class="third-slide-text">'+extraText+'</p>');

  }

})(jQuery);

4. Update
5. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

.header-slider .text-slider .subtitle {
  padding-bottom: 0;
}

.text-slider .third-slide-text {
  color: #ffffff;
  letter-spacing: 1px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: 18px;
}

Regards,
Kharis

Thank you!

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