Video header title

Hi - am trying to add a title above the buttons here (have added via TC Custom Javascript). Please let me know the correct code to add for West-Pro? http://hivekeepersau.com/

Many thanks

Hello there,

Try replacing this jQuery code which adds two header buttons.

    jQuery(function($) {

      	var link1 = 'http://example.org';
    	var link2 = 'https://app.hivekeepers.com/#login';
        
    	var text1 = 'Download App';
    	var text2 = 'Online Portal';

    	//No need to edit below
    	$('.video-container').append('<div class="header-info"><div class="header-info-inner"><div class="header-buttons"><a class="button header-button left-button" href="' + link1 + '">' + text1 + '</a><a class="button header-button right-button" href="' + link2 + '">' + text2 + '</a></div></div></div>');

    });

with

    jQuery(function($) {

      var link1 = 'http://example.org';
    	var link2 = 'https://app.hivekeepers.com/#login';
        
    	var text1 = 'Download App';
    	var text2 = 'Online Portal';

      var headerText = 'My header text goes here';

    	// No need to edit below
    	$('.video-container').append('<div class="header-info"><div class="header-info-inner"><h3 class="header-text">'+headerText+'</h3><div class="header-buttons"><a class="button header-button left-button" href="' + link1 + '">' + text1 + '</a><a class="button header-button right-button" href="' + link2 + '">' + text2 + '</a></div></div></div>');

    });

Regards,
Kharis

Hi Kharis

Thank you, one thing though - the font for the heading is gigantic and not the font size in the theme. I’ve changed to various H tags and it is unchanged. Is there something extra I should be adding?

Thanks again.

Hello there,

You can control its size with this CSS code:

.header-text {
  font-size: 40px;
}

/* Mobile screen */
@media only screen and (max-width: 600px) {
  .header-text {
    font-size: 22px;
  }
}

Add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis