How to add text and button on header slider/photo

Hi. I’m new here and need help. Can’t find option how to enable/turn on text and button on header main static page photo. All web site doesn’t have Posts, only Pages. My page link

Hello there,

Header content (text and button) is disabled when header type is set to image. You’ll still be able to achieve it by 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

      var slideTitle = 'Slide title goes here.';

      var headerImage = $( '.header-image' );
      var headerButtonText = 'Start now';
      var headerButtonURL  = '#startnow';

      if( headerImage.length ) {
        headerImage.css('position', 'relative');
        headerImage.append('<div class="main-slider-caption container"><div><h1>'+slideTitle+'</h1><div class="header-button"><a class="button" href="'+headerButtonURL+'" tabindex="-1">'+headerButtonText+'</a></div></div></div>');

  1. Update


Thx a lot it worked :slight_smile:

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.